How Duolingo Plans to Reach 100M Users

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

egghead.io

Get Started with Flexbox CSS Layouts

via egghead.io

Go to class Write review
Coursera Ad

Google AI Professional Certificate - Learn AI Skills That Get You Hired

Learn More → University of the People Ad

Earn Your Business Degree, Tuition-Free, 100% Online!

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
Flexbox is a powerful way to layout HTML so that elements can grow to fit the size of their container. It can also control how the elements are positioned within a flexed container.
Once you start thinking in rows and columns, you can control almost any flexed layout with just a few simple flexbox layout primitives.

Syllabus

  • Flex into a Row or a Column with flex-direction
  • Change the Spacing of Flexed Components with justify-content
  • Change the off-axis Alignment of a Flexed Container with `align-items`
  • Change the Alignment of a Single Flexed Item with 'align-self'
  • Wrap Elements Inside of a Flexed Container with `flex-wrap`
  • Proportionally Grow a Flexed Element by Setting `flex-grow` or `flex` Styles

Taught by

Chris Achard

Reviews

Start your review of Get Started with Flexbox CSS Layouts

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.