This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid.
Overview
Syllabus
- Your first Flexbox layout - Flexbox tutorial
- Main axis and cross axis - Flexbox tutorial
- Justify Content - Flexbox tutorial
- Positioning items - Flexbox tutorial
- The flex property - Flexbox tutorial
- Align items - Flexbox tutorial
- Flex direction column - Flexbox tutorial
- Wrapping - Flexbox tutorial
- Flex grow, shrink, basis - Flexbox tutorial
- Order - Flexbox tutorial
- Bonus: Responsive Navbar - Flexbox tutorial
- Bonus: Creating a Flexbox image grid - Flexbox tutorial
- Congrats & next steps!
- Want to become a Scrimbassador?
- How to Utilize Your Certificate
