Learn CSS Flexbox through 12 comprehensive video lessons covering key concepts and practical applications. Master the fundamentals of Flexbox layouts, including main and cross axes, justify content, item positioning, and the flex property. Explore advanced topics such as align items, flex direction, flex-wrap, and order. Apply your knowledge by building a responsive navbar and creating an attractive image grid. Practice with interactive code examples on Scrimba's learning platform to reinforce your understanding of this powerful CSS layout tool.
Overview
Syllabus
Your first Flexbox layout | CSS Flexbox tutorial | display: flex
Main axis and cross axis | CSS Flexbox tutorial
Justify Content | CSS Flexbox tutorial
Positioning items | CSS Flexbox tutorial
The flex property | CSS Flexbox tutorial
Align items | CSS Flexbox tutorial
Flex direction column | CSS Flexbox tutorial
flex-wrap | CSS Flexbox tutorial
Flex grow, shrink, basis | CSS Flexbox tutorial
Order | CSS Flexbox tutorial
Responsive Navbar | CSS Flexbox tutorial
Creating a Flexbox image grid | CSS Flexbox tutorial
Taught by
Scrimba
