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

Overview

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.