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
University of the People Ad

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

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
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.