Search courses ranked by devsStop wasting time. Search coding courses, tutorials, and books — ranked by developers who voted for themSee how→
Learn CSS Grid

Extra perks unlocked via skillcraft.ai link
This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox. The CSS Grid module makes it easier than ever to create website layouts. It simplifies both your HTML and CSS, while simultaneously giving you more control over your layout. You can use it without any framework, as the CSS Grid module is native to the browser. So if you want to stay up-to-date as a front end developer, you'll need to learn how to use CSS Grid! Luckily though, it's not hard. And this course teaches you all you need to know. For free, of course. Course content - This course contains three sections. The first two will teach you the core concepts you need to know to get started. Together, we'll build both a website layout and a super cool image grid. In the bonus section, you'll learn how to create article layouts with CSS Grid plus some more advanced concepts. And remember, this isn't a regular video course, it's a Scrimba course! Which means you can interact with the code inside the tutorials whenever you want. This makes learning a lot more fun!
Instructor

Per Borgen
Developer, teacher, and co-founder of Scrimba. I love teaching people how to code and helping them break into the tech industry. Based in Oslo, Norway.
Course details
1 hour 3 minutes
video
Included
Free
What you'll learn
CSS Grid fundamentals
How to create your first grid
Building responsive grids
Creating pages, image grids, and articles with CSS Grid
Prerequisites
Basic HTML knowledge
Fundamental CSS understanding
Basic understanding of web layouts
Who this course is for
Front-end developers who want to stay up-to-date with modern CSS
Web developers looking to simplify their layouts
Developers wanting more control over their HTML and CSS
Anyone who wants to learn CSS Grid without frameworks
Curriculum
Core Concepts
6 lessons
Building Layouts
3 lessons
Advanced Concepts
5 lessons
Projects and Completion
4 lessons
Notice something missing?
Help us improve this course information for the community