Start Here
3 lessons

Module 4 - Lesson 8

CSS Flexbox

Lesson Overview

In this very important lesson, I would like to introduce you to the CSS Flexbox Layout System. With flexbox, we can align website elements and create complex layouts in a very simple way, so getting familiar with it is very important.

Video Chapters

00:00 Introduction

00:27 The default alignment

01:57 Display: flex;

03:32 flex-wrap

04:15 justify-content

05:16 Spacing and Multiple Value Usage

11:06 Ordering Elements

12:38 flex-grow

14:24 flex-basis

Action Items

Spend some time playing with Flexbox Froggy or Flexbox Defense to learn CSS Flexbox properties and values.Print out the CSS Flexbox Cheatsheet and keep close while you’re learning.