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

Codecademy

Learn CSS: Flexbox and Grid

via Codecademy

Go to class Write review
Boot.dev Ad

The Fastest Way to Become a Backend Developer Online

Learn More → CodeSignal Ad

Learn the Skills Netflix, Meta, and Capital One Actually Hire For

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
Continue your CSS learning journey with Learn CSS: Flexbox and Grid. Create elegant and flexible web page layouts with CSS flexbox and two-dimensional layouts using CSS grid.

Syllabus

  • Layout with Flexbox: Learn CSS Flexbox to create flexible page layouts.
    • Lesson: Flexbox
    • Project: Flexbox: To-Do App
    • Project: Off-Platform Project: Tea Cozy
    • Quiz: Flexbox
  • Grid: In this course, you will master CSS grid — a long-awaited improvement to laying out and positioning elements on web pages.
    • Lesson: Grid Essentials
    • Project: PupSpa
    • Quiz: Grid
    • Lesson: Advanced CSS Grid
    • Project: CSS Grid: Task Board
    • Quiz: Grid
    • Informational: Next Steps & Course Feedback

Taught by

Jiwon Shin

Reviews

4.5 rating at Codecademy based on 668 ratings

Start your review of Learn CSS: Flexbox and Grid

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.