Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Independent

What The Flexbox?! — A simple 20 video course that will help you master CSS Flexbox

via Independent

Go to class Write review
Noble Desktop Ad

NY State-Licensed Certificates in Design, Coding & AI — Online

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course teaches CSS Flexbox through its core layout properties and practical projects, including navigation, pricing grids, forms, equal-height columns, and a mobile app layout.

Syllabus

  • Introduction to What The FlexBox
  • Introduction to Flexbox
  • Working with Flexbox flex-direction
  • Wrapping elements with Flexbox
  • Flexbox Ordering
  • Flexbox Alignment and Centering with justify-content
  • Alignment and Centering with align-items
  • Alignment and Centering with align-content
  • Alignment and Centering with align-self
  • Understanding Flexbox sizing with the flex property
  • Finally understanding Flexbox flex-grow, flex-shrink and flex-basis
  • How Flexbox's flex-basis and wrapping work together
  • Cross Browser Flexbox Support and Autoprefixer!
  • Pure Flexbox navigation code along
  • Mobile content reordering with Flexbox
  • Nesting Flexbox for vertical and horizontal centering with Flexbox
  • Flexbox Pricing Grid
  • Flexbox Equal height columns and leftover elements
  • Flexbox single line form
  • Create a mobile app layout with Flexbox

 

Taught by

Wes Bos

Reviews

4.0 rating, based on 1 Class Central review

Start your review of What The Flexbox?! — A simple 20 video course that will help you master CSS Flexbox

  • Profile image for NANDINAYUNI SOMASEKHAR
    NANDINAYUNI SOMASEKHAR
    1
    Great course! The videos are short, clear, and easy to follow—perfect for beginners learning CSS Flexbox. I really liked the practical examples. I’m giving 4 stars only because I wish there were a few more real-world projects to practice with
Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.