Flexbox Crash Course | Task Based Learning | All Properties
Let's learn the king of layouts, flexbox. Flexbox is widely used in CSS, and serves alignment purposes. We'll be going over certain tasks and learn based through that.
Finished Code:
https://wolfdencode.netlify.app/proje...
Flexbox Froggy Game:
https://flexboxfroggy.com/
Check out our website:
https://wolfdencode.netlify.app
Timestamps:
0:00 How this will go
0:45 Some Slides
1:55 Getting Familiar With The Template
2:34 Task 1 - Display Flex
3:14 Task 2 - Flex Direction
3:58 Task 3 - Main Axis Vs Cross Axis
6:45 Task 4 - Justify Content
9:45 Task 5 - Align Items
10:55 Task 6 - Centering Text
12:00 Task 7 - Align Self
13:05 Task 8 - Flex Wrap
14:20 Task 9 - Gap
15:10 Task 10 - Order
16:00 Task 11 - Flex Basis & Flex Grow
18:20 Task 12 - Flex Basis & Flex Shrink
19:50 Dont Go Yet - Flexbox Froggy
20:45 Thanks For Watching!
Social Media:
Github - https://github.com/WolfDenCode
Twitter - / wolfdencode
#coding #webdevelopment #html #css #code
Watch video Flexbox Crash Course | Task Based Learning | All Properties online without registration, duration hours minute second in high quality. This video was added by user WolfDenCode 01 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 151 once and liked it 6 people.