Search courses ranked by devsSee how

1 recommendation
1recommend

Learn CSS Grid

Per Borgen
Per Borgen
Scrimba
Scrimba
Recommended

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

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

Duration

1 hour 3 minutes

Format

video

Certificate

Included

Pricing

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

Suggest an edit
Loading reviews...