Flexbox Crash Course 2024
Flexbox is used for space distribution, positioning and alignment in CSS.
💻 Project Code:
https://codepen.io/bradtraversy/pen/JjrzzOW
👇 24+ Hour HTML & CSS Course (Just revamped!)
https://www.traversymedia.com/modern-html-css-from-the-beginning
👇 Udemy Version:
https://udemy.com/modern-html-css-from-the-beginning
💖 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
Видео Flexbox Crash Course 2024 канала Traversy Media
💻 Project Code:
https://codepen.io/bradtraversy/pen/JjrzzOW
👇 24+ Hour HTML & CSS Course (Just revamped!)
https://www.traversymedia.com/modern-html-css-from-the-beginning
👇 Udemy Version:
https://udemy.com/modern-html-css-from-the-beginning
💖 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
Видео Flexbox Crash Course 2024 канала Traversy Media
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build An HTML5 Template With Bootstrap and SASS - Part 10My Sites - Joomla 2.5 Component SetupAdding and linking an article in JoomlaBuild Strength From Struggle | My StoryBuilding a GraphQL Server [Part 5] - Mutations200+ Design & UI Resources For Developers6 Of My Personal Tips When Learning To Code20+ Developer YouTube Channels To FollowJavaScript Under The Hood [1] - Thread & Call StackCSS Text Background AnimationCakePHP 3.1 Login & Registration From Scratch - Part 2CSS Grid Layout With Image SpanComing Back To Programming After A Break3 Alternatives for Heroku's Free Tier - Full Stack & API HostingAngular 2 & Firebase App [Part 1] - Project Introduction5 Common Programmer Health Problems & Prevention TipsDealing With Some Common Frustrations As A DeveloperJavaScript Under The Hood [4] - Memory StorageJavaScript Under The Hood [2] - Execution ContextUdemy Course Alert - MERN Stack Front To BackFull Screen Responsive Image Slider | No Libraries