Master flexbox through this comprehensive 34-minute video tutorial. Explore essential concepts like display: flex, flex-grow, content management, creating even columns, flex-direction, justify-content, and align-items. Follow along with practical demonstrations, including a navigation demo and a 3-column layout. Gain insights into common pitfalls and solutions for justify-content implementation. Access additional resources, including a flexbox properties cheatsheet and links to related tutorials on CSS Grid and the mathematics behind flex-grow and flex-shrink.
Overview
Syllabus
- Introduction
- What we are starting with
- What happens when we declare display: flex
- flex-grow
- Dealing with more content
- Making even columns
- flex-direction
- justify-content
- problems people run into with justify-content
- align-items
Taught by
Kevin Powell
