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

egghead.io

Flexbox Fundamentals

via egghead.io

Overview

Flexbox is a wonderful tool built into the CSS specification. Using flexbox doesn't require any special framework or library, just a browser with CSS3 support. It is so awesome, and makes the arranging elements on a page almost fun!

Syllabus

  • Using flex-direction to layout content horizontally and vertically
  • Using order to rearrange flexbox children
  • Demystifying alignment in flexbox children
  • Defining dimensions on flexbox children using flex-basis
  • Using flex-shrink and flex-grow to make flexbox children resize correctly
  • Combining the flexbox sizing properties using the flex shorthand
  • Turning a flexbox into a grid using flex-wrap and align-content
  • Using Flexbox in Websites and Applications

Taught by

Garth Braithwaite

Reviews

4.4 rating at egghead.io based on 545 ratings

Start your review of Flexbox Fundamentals

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.