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

Independent

A Complete Guide to Flexbox

via Independent

Go to class Write review
Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.

Syllabus

  1. Background
  2. Basics and terminology
  3. Flexbox properties
  4. Prefixing Flexbox
  5. Examples
  6. Flexbox tricks
  7. Browser support
  8. Bugs
  9. Related properties
  10. More information
  11. More sources

Taught by

Chris Coyier

Reviews

Start your review of A Complete Guide to Flexbox

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.