Learn CSS: Flexbox and Grid

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.

• 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