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

Laracasts

CSS Flexbox Simplified

via Laracasts

Go to class Write review
Coursera Ad

40% Off All Coursera Courses

Learn More → Pragmatic Institute Ad

AI Product Expert Certification - Master Generative AI Skills

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Flexbox is no longer an advanced topic in CSS. Today, it's an essential tool for styling modern web pages. In this course, we'll use a variety of real-world examples and components to explore all of the CSS properties related to flexbox. These examples will help you to better understand the core concepts and commit them to memory.

Syllabus

  • First Look at CSS Flexbox
  • Spacing and Alignment
  • Wrap Items Into Multiple Rows
  • Cross-Axis Alignment and Flow Direction
  • Grow and Shrink Flex Items
  • The Flex Property Decoded
  • Adjust the Order of HTML Elements
  • Aligning Individual Items
  • Flexbox and Auto Margins: A Powerful Combo
  • Make a Flex Container Inline
  • Test Everything You've Learned About Flexbox
  • Flexbox vs Grid: Which to Choose?

Taught by

Shruti Balasa

Reviews

Start your review of CSS Flexbox Simplified

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.