Coursera Plus Annual is 40% Off — Ends July 13.

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

YouTube

How to Take Control of Flexbox

Kevin Powell via YouTube

Start learning Write review
OpenLearning Ad

Future-Proof Your Career: AI Manager Masterclass

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Discover how to master Flexbox in this 16-minute tutorial video. Learn the intricacies of display flex, flex-shrink, and flex-grow properties. Explore techniques for creating consistent layouts by defining element sizes. Follow along as the instructor demonstrates these concepts using a hotel card component design. Gain practical insights to enhance your CSS skills and take control of Flexbox for more efficient and flexible web layouts.

Syllabus

- Introduction
- What we are starting with
- Understanding what happens when we use display flex
- What flex-shrink does
- Adding in flex-grow
- Making things more consistent by defining the size

Taught by

Kevin Powell

Reviews

Start your review of How to Take Control of Flexbox

Start learning

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.