Overview
This course teaches learners how to use CSS Flexbox to properly arrange content inside flexible containers. By the end of the course, students will be able to create their first Flexbox layout, understand main and cross axes, use justify content, position items, utilize the flex property, align items, work with flex direction, wrapping, flex grow and shrink, and create a responsive navbar and image grid. The teaching method includes interactive exercises. This course is intended for web developers looking to enhance their skills in creating flexible and responsive web layouts using CSS Flexbox.
Syllabus
Your First Flexbox Layout
Main Axis and Cross Axis
Justify Content
Positioning Items
The Flex Property
Align Items
Flex Direction Column
Wrapping Up
Flex, grow, shrink, basis
Order
Bonus - Responsive Navbar
Bonus - Creating a Flexbox Image Grid
Taught by
freeCodeCamp.org