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: https://drive.google.com/file/d/1AZDzJagDjXcIt0k2XoO0shXg9JWPl0C_/view?usp=sharing Download Summary Cards: https://drive.google.com/file/d/1sinXybb14Hl8oXZwWgnS9PuWqkUZtNa5/view?usp=sharing Quill starter HTML & CSS: https://drive.google.com/drive/folders/11-z9me-J3cR7D4SJa5Ceq_JVLZDKbfg9?usp=drive_link SVGs for Centering Project: https://docs.google.com/document/d/1ZoVX-gwYQR43aab1zuBvPnPUgKGB7lxKaAPBa2TNzr4/ Video Links: Quill Project: https://www.youtube.com/watch?v=rCtnfawtQQs CSS Display Property: https://youtu.be/-G-zic_LS0A?t=22722 CSS Grid: https://youtu.be/1ra4yeyjFFc?t=5492 CSS Inheritance: https://youtu.be/-G-zic_LS0A?t=12906 CSS Box Model: https://youtu.be/-G-zic_LS0A?t=15426 CSS Variables: https://youtu.be/-G-zic_LS0A?t=32535 CSS Rem Values: https://youtu.be/-G-zic_LS0A?t=30367 CSS Reset: https://youtu.be/-G-zic_LS0A?t=24159 CSS Main Page Container: https://youtu.be/-G-zic_LS0A?t=25086 CSS View Height Units: https://youtu.be/-G-zic_LS0A?t=31923 CSS Functions: https://youtu.be/-G-zic_LS0A?t=33635