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
Смотрите видео Flexbox Crash Course | Task Based Learning | All Properties онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь WolfDenCode 01 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 151 раз и оно понравилось 6 людям.