About Course

Learn how to build neat, flexible page layouts with Flexbox and Grid. You will start with simple rows and columns, then move on to full page designs that work on phones, tablets and laptops. Each lesson has a short exercise, so you finish with layouts you can use on a real client or business website.

What Will You Learn?

  • Practice your new skills with short tasks and worked examples
  • Share your work and get feedback from your tutor
  • Get friendly and fast support in the course Q&A
  • Download lesson notes, templates and files for every project

Course Content

Getting Started
A short summary of what this topic covers, so you know what to expect before you start. Work through each lesson in order and finish the quiz at the end of the topic.

  • Introduction to CSS Layouts
    03:54
  • What is CSS?
    04:33
  • Course Outline
    02:44
  • Getting Started
    04:05
  • Flex – Align items center
    07:00
  • Quiz: CSS Layouts
  • Flex – Justify content center
    19:00

Practising the Basics

Project: Build a Layout!

Flex Items

Related Courses

South African man in his late twenties writing JavaScript on a laptop at a desk in a bright home office
 (5.00/3)

JavaScript Fundamentals for New Coders

Thandiwe MokoenaThandiwe Mokoena
15 Lessons
Free
Flat lay of a habit-tracker journal with 21 empty tick boxes, a pen, a coffee cup, a small succulent and a phone face-do
 (5.00/3)

21 Days to Better Focus and Daily Habits

Thandiwe MokoenaThandiwe Mokoena
14 Lessons
Free
Close-up of a young South African learner's hands typing beginner Python code on a laptop, with a rooibos mug nearby
 (5.00/3)

Python Programming for Beginners

Thandiwe MokoenaThandiwe Mokoena
14 Lessons
Free