Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

CSS Flexbox Course

via freeCodeCamp

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

Reviews

Start your review of CSS Flexbox Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.