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
Coursera Ad

Gain a Splash of New Skills - Coursera+ Annual Just ₹7,999

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master CSS Flexbox through a comprehensive 20-video course covering essential concepts and practical applications. Learn flex-direction, wrapping, ordering, alignment, and centering techniques. Explore sizing with flex properties, cross-browser support, and Autoprefixer usage. Apply Flexbox to real-world scenarios like navigation menus, pricing grids, and mobile app layouts. Gain hands-on experience with code-along sessions and discover how to create responsive designs, equal-height columns, and efficient form layouts using Flexbox.

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.