Flexbox Crash Course 2022
Flexbox is used for space distribution, positioning and alignment in CSS.
đź’» Project Code:
👇 Website & Courses:
https://traversymedia.com
đź’– Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
0:00 – Intro & Slides
5:05 – Setup HTML & Base CSS
7:50 – Create a Flexbox Container
8:20 – Float Example
9:49 – Justify Content
11:05 – Align Items
11:39 – Align Self
12:50 – Flex Direction & Column
15:15 – Centering Elements
16:32 – Flex Wrap
17:39 – Order
18:37 – Flex Basis
19:30 – Flex Grow
22:13 – Flex Shrink
23:58 – Flex Property
25:40 – Flexbox Layout Project
source