Become a CSS Flexbox Pro! Learn EVERYTHING You Need to Know In Detail 🔍

This video is by far the most comprehensive explanation of Flexbox you’ll find anywhere on YouTube - it uses colourful diagrams and animations to break down the theory in an easy-to-understand way, as well as walk you through its application, step-by-step in a real-world web project.

0:00:00 Introduction
0:00:40 Introduction to Flexbox
0:19:33 Normal Flow vs. Flexbox
0:34:43 Justify Content
1:05:42 Align Items
1:35:00 Gap
1:44:52 Nested Flexbox
2:07:20 Horizontally and Vertically Centering
2:56:27 Flex Children
3:24:11 Flex Wrap and Align Content

Download links:

Download Presentation Slides: drive.google.com/file/d/1AZDzJagDjXcIt0k2XoO0shXg9…
Download Summary Cards: drive.google.com/file/d/1sinXybb14Hl8oXZwWgnS9PuWq…
Quill starter HTML & CSS: drive.google.com/drive/folders/11-z9me-J3cR7D4SJa5…
SVGs for Centering Project: docs.google.com/document/d/1ZoVX-gwYQR43aab1zuBvPn…

Video Links:

Quill Project:    • Full Stack Project for Beginners - HTML, C...  
CSS Display Property:    • CSS Full Course Tutorial for Beginners - L...  
CSS Grid:    • CSS Full Course Tutorial for Beginners - L...  
CSS Inheritance:    • CSS Full Course Tutorial for Beginners - L...  
CSS Box Model:    • CSS Full Course Tutorial for Beginners - L...  
CSS Variables:    • CSS Full Course Tutorial for Beginners - L...  
CSS Rem Values:    • CSS Full Course Tutorial for Beginners - L...  
CSS Reset:    • CSS Full Course Tutorial for Beginners - L...  
CSS Main Page Container:    • CSS Full Course Tutorial for Beginners - L...  
CSS View Height Units:    • CSS Full Course Tutorial for Beginners - L...  
CSS Functions:    • CSS Full Course Tutorial for Beginners - L...