Skip to main content

Learn CSS Grid

A short, well-aimed Scrimba course with Per Borgen: about an hour on CSS Grid, taught by building three real layouts rather than reciting properties.

Quick answer​

Learn CSS Grid is a Pro-tier, intermediate course: roughly 1.1 hours and 20 lessons, taught by Per Borgen. It teaches the two-dimensional layout system that, alongside flexbox, is how modern page layout is done. You learn it by building three layouts in the player. It is short, focused, and one of the best single-hour investments in the CSS catalog.

Is it worth your time?​

Grid is one of those topics that clicks the moment you can see it. Editing track definitions and watching the layout reflow in the same window is exactly the kind of immediate feedback that makes the Scrimba format pay off, and an hour is enough to go from confused to comfortable. Per Borgen keeps it concrete: three layouts, no padding.

The honest caveat is scope, and it is by design. This is grid in isolation. Real layout work also leans on flexbox, and grid has corners (subgrid, complex named areas, intrinsic sizing) this short course does not chase. For day-to-day work it covers what you need; for the full picture, pair it with flexbox and a deeper CSS course.

What you'll learn​

The course covers the grid model directly: defining rows and columns with grid-template, sizing tracks with fr units, placing items, and using gaps and alignment to control the result. The three build projects give each concept somewhere to land, so you finish able to reach for grid confidently when a layout is genuinely two-dimensional.

It pairs naturally with Learn Flexbox. Flexbox handles one-dimensional arrangements; grid handles two. Knowing when to use which is most of the skill, and doing both short courses gives you that judgement.

Who it's for, and who should skip it​

It fits developers who know basic CSS and want to get fluent with modern layout fast. It is ideal as a targeted top-up when grid is the specific gap.

Skip it if your CSS basics are not yet in place (do Learn HTML and CSS first), or if you would rather learn grid inside a fuller treatment, in which case Learn Responsive Web Design covers it as part of a much larger course.

Prerequisites​

Basic HTML and CSS: selectors, the box model, and simple styling. No JavaScript needed.

Where it fits​

This is a focused skill course on the Frontend Developer Path and the Fullstack Developer Path. It pairs with Learn Flexbox, and both become optional once you take the comprehensive Learn Responsive Web Design, which folds them in.

Free or Pro​

This is a Pro course, so it needs a Scrimba subscription. Pro also covers the career paths, challenges, certificates, and Discord. See current plans for what Pro costs in your region.

Strengths and limits​

What it does well: it is short, project-driven, and taught by a clear instructor on a topic the interactive format genuinely suits.

Where it is limited: it covers grid alone and stays at a working level. Advanced grid features and the broader CSS context live in the longer courses.

View Learn CSS Grid on Scrimba (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on