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: Download Summary Cards: Quill starter HTML & CSS: SVGs for Centering Project: Video Links: Quill Project: CSS Display Property: CSS Grid: CSS Inheritance: CSS Box Model: CSS Variables: CSS Rem Values: CSS Reset: CSS Main Page Container: CSS View Height Units: CSS Functions: