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!

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.
18+ lessons
Interactive
Included
Free
CSS Grid fundamentals
How to create your first grid
Building responsive grids
Creating pages, image grids, and articles with CSS Grid
Basic HTML knowledge
Fundamental CSS understanding
Basic understanding of web layouts
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
6 lessons
3 lessons
5 lessons
4 lessons
Notice something missing?
Help us improve this course information for the community