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

Overview

Create elegant and flexible web page layouts with CSS flexbox and grid.

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.


* Create flexible page layouts

* Set up two-dimensional layouts


### Notes on Prerequisites
We recommend that you complete [Learn CSS: Box Model and Layout](https://www.codecademy.com/learn/learn-css-box-model-and-layout) before completing this course.

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.6 rating at Codecademy based on 421 ratings

Start your review of Learn CSS: Flexbox and Grid

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.