📘 Courses - https://learn.codevolution.dev/
💖 Support UPI - https://support.codevolution.dev/
💖 Support PayPal - https://www.paypal.me/Codevolution
💾 Github - https://github.com/gopinav
Starter code - https://github.com/gopinav/Crash-Courses/tree/master/Flexbox
⚡️ Checkout Taskade! https://www.taskade.com/
To upgrade any workspace, login and visit https://www.taskade.com/billing
Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!
📱 Follow Codevolution
+ Twitter - https://twitter.com/CodevolutionWeb
+ Facebook - https://www.facebook.com/codevolutionweb
📫 Business - [email protected]
CSS Flexbox Crash Course
CSS Flexbox Tutorial for Beginners
CSS Flexbox Crash Course - Tutorial for Complete Beginners
Timestamps
00:00 Introduction
00:28 Before we begin
02:01 What is Flebox?
04:00 Terminology
06:16 Flex container properties
08:01 Setup
10:06 display
12:13 flex-direction
15:01 flex-wrap
19:37 flex-flow
21:23 gap properties
23:22 justify-content
28:13 align-items
32:28 align-content
36:36 Flex item properties
37:46 order
40:12 flex-grow
44:16 flex-shrink
47:58 flex-basis
50:37 flex
52:05 align-self