Learn Flexbox CSS in 8 minutes

Slaying The Dragon

🚨🚨🚨 COURSES – https://slayingthedragon.io 🚨🚨🚨
Discord – https://discord.gg/Ccz9nQSfQB
Codepen for this project – https://codepen.io/ramzibach-the-styleful/pen/GRXLZEq?editors=1100
Blog post – https://slayingthedragon.notion.site/slayingthedragon/Learn-Flexbox-f403a277d63e472d8e303d4c440abbd1

During the CSS stone-age developers were creating layouts with floats and positioning until one fateful day Flexbox would be introduced and the world would never be the same.
0:00 Intro
0:11 display flex
0:39 flex-direction
1:05 justify-content
1:41 align-items
2:22 key concept
3:12 flex-wrap
3:36 align-content
4:08 gap
4:20 flex-grow
5:19 flex-shrink
5:44 flex-basis
6:14 flex shorthand
6:43 align-self
7:17 order