Learn CSS: Flexbox and Grid
Offered By: Codecademy
Course Description
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.
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
Related Courses
Build a Chat UI application using CSS3 FlexboxCoursera Project Network via Coursera Build CSS3 Flexbox Holy Grail Layout in Angular
Coursera Project Network via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera