CSS Flexbox by Wes Bos
FreeA simple 20 video course that will help you master CSS Flexbox
FreeFree tier
LinksX
About CSS Flexbox by Wes Bos
What The Flexbox is a free 20-video course by Wes Bos designed to teach CSS Flexbox from fundamentals to practical implementation. The first 13 videos cover core concepts such as flex-direction, wrapping, ordering, alignment (justify-content, align-items, align-self, align-content), sizing (flex property, flex-grow, flex-shrink, flex-basis), and cross-browser support with Autoprefixer. The remaining 7 videos are code-along projects where learners build real-world layouts including a mobile app layout, a pricing grid, an inline booking form, and a navigation. The course is self-paced and has been praised by the front-end development community.
Key Features
20 free video tutorials (13 fundamentals + 7 code-along projects)
Covers flex-direction, wrapping, ordering, alignment, and sizing
Hands-on projects: mobile app layout, pricing grid, inline booking form, navigation
Cross-browser support and Autoprefixer guidance
Taught by Wes Bos, a respected full-stack developer and educator
Self-paced, available online at no cost
Pros & Cons
Pros
- Completely free with no sign-up required
- Clear progression from theory to hands-on projects
- Practical code-along format reinforces learning
- Instructor has a strong reputation and clear teaching style
- Covers common real-world use cases for flexbox
- Includes notes on cross-browser compatibility
Cons
- Not a tool per se, but a video course – no interactive playground
- Limited to flexbox; does not cover CSS Grid or other modern layout methods
- Some older videos may not reflect latest browser support (but still relevant)
Best For
Learning CSS Flexbox from scratchBuilding responsive navigation componentsCreating flexible grid systems for pricing or product displaysDeveloping mobile-first app layoutsImproving CSS layout skills for web developmentUnderstanding practical flexbox patterns through real examples
FAQ
Is the course really free?
Yes, all 20 videos are available for free on flexbox.io with no registration required.
Who is Wes Bos?
Wes Bos is a full-stack developer, speaker, teacher from Canada. He is the creator of several popular free video courses and the co-host of the Syntax podcast.
What will I build in the code-along videos?
Projects include a mobile app layout, a flexbox pricing grid, an inline booking form, a pure CSS navigation, and more.
Do I need prior CSS knowledge?
Basic familiarity with CSS is helpful, but the course starts with flexbox fundamentals and gradually builds up.
Is there a downloadable version?
The course is only available for streaming online; there is no offline download option provided.