Search videos

Search across video titles, descriptions, and transcripts

Flexbox Crash Course | Traversy Indexed

Flexbox Crash Course

Jan 18, 2022intermediateCrash Course

Description

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:

- Intro & Slides

- Setup HTML & Base CSS

- Create a Flexbox Container

- Float Example

- Justify Content

- Align Items

- Align Self

- Flex Direction & Column

- Centering Elements

- Flex Wrap

- Order

- Flex Basis

- Flex Grow

- Flex Shrink

- Flex Property

- Flexbox Layout Project

Related Videos

React Native Crash Course 2026 - Build a Complete Mobile App

React Native Crash Course 2026 - Build a Complete Mobile App

beginnerCrash Course

Optional Chaining in JavaScript

Optional Chaining in JavaScript

intermediateQuick Tip

I Tried Vibe Coding - Here Are My Thoughts

I Tried Vibe Coding - Here Are My Thoughts

intermediateQuick Tip

Freelance Web Developer Roadmap

Freelance Web Developer Roadmap