CSS Grid Tutorial on Scrimba
Quick Answer: Course on Scrimba. See below for duration, access, and related courses.
Last reviewed: March 2026.
CSS Grid Tutorial
FreeThis 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 le
View on Scrimba (opens in a new tab)About This Course
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.
This Intermediate-level course covers 63 min of content. It is available for free — no subscription required.
- Duration: 63 min
- Level: Intermediate
- Access: Free (no subscription required)
Instructor
This course is taught by Per Borgen, an experienced educator on the Scrimba platform.
What You'll Build
- Solo Project (PRO) - BBC News Clone
These hands-on projects reinforce what you learn and give you portfolio-ready work to show employers.
Prerequisites
Basic knowledge of HTML and CSS is recommended before starting this course.
Who Is This Course For?
This course is ideal for developers with some experience who want to level up their CSS Grid skills through hands-on practice.
Part of These Learning Paths
Choose This If
Choose this course if: You want to learn this topic interactively. Check prerequisites and related paths below.
Related Courses
Practice & Learn More
- Practice CSS Grid
- Practice Flexbox
- Practice Tailwind CSS
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related Pages
Yes! This course is completely free. No credit card or Scrimba Pro subscription is needed to start learning.
The course contains 63 min of interactive screencasts. Since you can pause and code along at your own pace, most learners finish in 2-4 weeks of regular practice.
You will build real projects including: Solo Project (PRO) - BBC News Clone. These projects teach you practical skills you can apply immediately.
Start CSS Grid Tutorial for Free
(opens in a new tab)Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.