Free
CourseLearn CSS: Flexbox and Grid
Create elegant and flexible web page layouts with CSS flexbox and grid.
This course includes
This course includes
Skill level
BeginnerTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary4 hoursProjects
4Prerequisites
None
About 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.
Skills you'll gain
Create flexible page layouts
Set up two-dimensional layouts
Syllabus
3 lessons • 4 projects • 3 quizzesCertificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this course
- practice Project
Off-Platform Project: Tea Cozy
Create a fictional tea store on your computer using image assets and a design spec. - practice Project
Flexbox: To-Do App
Set the Flexbox properties for a to-do app. - practice Project
PupSpa
In this next project, we're going to practice Grid Positioning in CSS so you can hone your skills and feel confident taking them to the real world. Why? Using CSS grid allows you to conveniently organize data so that you can then easily manipulate across all platforms.
Meet the creator of the course
Jiwon Shin
Manager of Programming at CodecademyEarn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
Learn CSS: Flexbox and Grid course ratings and reviews
571 ratings
- 5 stars
- 4 stars
- 3 stars
- 2 stars
- 1 star
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Join over 50 million learners and start Learn CSS: Flexbox and Grid today!
Looking for something else?
Related resources
- Article
CSS3 Features
Overview of CSS3 features used in the Make a Website course. - Article
Grids in SwiftUI
In this article, we will introduce the SwiftUI Grid structure and walk through how to leverage it to implement scrollable horizontal and vertical grid layouts. - Article
CSS Glossary
Programming reference for CSS covering Comments, Properties, and Selectors
Related courses and paths
- Free course
Learn Intermediate CSS
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.Intermediate10 hours - Skill path
Build a Website with HTML, CSS, and GitHub Pages
Learn the basics of web development to build your own website.Includes 9 CoursesWith CertificateBeginner Friendly14 hours - Free course
Learn CSS
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.Beginner Friendly6 hours
Browse more topics
- Web development5,341,423 learners enrolled
- HTML & CSS2,564,937 learners enrolled
- Web design2,555,936 learners enrolled
- Code foundations7,968,165 learners enrolled
- Computer science6,436,401 learners enrolled
- Data science4,886,918 learners enrolled
- Python3,943,040 learners enrolled
- For business3,739,262 learners enrolled
- JavaScript3,035,521 learners enrolled
Unlock additional features with a paid plan
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.