Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Flexbox Crash Course

Traversy Media via YouTube

Overview

This course teaches learners how to use Flexbox for space distribution, positioning, and alignment in CSS. The learning outcomes include understanding how to create a Flexbox container, use properties like justify content, align items, and align self, as well as mastering flex direction, centering elements, flex wrap, order, flex basis, flex grow, flex shrink, and the flex property. The course employs a hands-on teaching method through practical examples and a Flexbox layout project. It is suitable for individuals looking to enhance their CSS skills and improve their web layout design capabilities.

Syllabus

- 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.

Taught by

Traversy Media

Reviews

Start your review of Flexbox Crash Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.