Black Friday 2024: 25+ Ways to Save on Online Learning

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

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Grab it
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

Kenny Lin

Reviews

4.6 rating at Codecademy based on 428 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.