Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Flexbox Fundamentals and Real Project
Introduction
Why Use Flexbox (3:02)
Basics and Terminology of Flexbox (4:55)
Flexbox Parent Properties
Distribute the flexbox items over the main-axis (flexbox-direction) (5:11)
Flex Wrapping items (flex-wrap) (2:49)
justify-content property (9:48)
Aligning Items in a Flex Container (align-items) (3:07)
Flexbox Children Properties
Distribute space along the cross-axis (align-content) (5:45)
Flex items order (6:49)
flex-grow (8:17)
Shrink Flexbox items (flex-shrink) (4:49)
Flex Items Main size (flex basis) (6:03)
Cross Alignment a flex-item (align-self) (3:01)
Project
Introduction (3:07)
Header (10:09)
Hero (8:23)
Products List (12:37)
Footer (13:33)
Teach online with
Distribute space along the cross-axis (align-content)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock