Summary

Keywords

flexbox flex css flexbox css

Full Transcript

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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Curso MASTER de HTML y CSS3 🚀 Maquetación web, Responsive Web Design, SASS, LESS, Flexbox, CSS Grid Layout y Bootstrap 4 desde cero 🔥

⭐ 5.0

1 ratings

9 hours

React native full course for beginners

Master React Native: From Basics to Interactive Apps - Your Ultimate Coding Journey with Code Alumni!

⭐ 5.0

3 ratings

2.3 hours

Curso de CSS Completo

Domine CSS do básico ao avançado e transforme suas ideias em realidade! Aprenda a estilizar sites com técnicas modernas e práticas, rumo à excelência no design web. Dê vida às suas páginas com o Curso CSS Completo, sua porta de entrada para o futuro da web!

⭐ 4.0

0 ratings

7.5 hours

Welcome

Traversy Media (Full Stack Development) - Flexbox Crash Course

What you'll learn

This course includes