Skip to main content

Learn Responsive Web Design

The flagship CSS course on Scrimba, taught by Kevin Powell: about 15 hours that take you from CSS fundamentals to professional-level responsive layout.

Quick answer

Learn Responsive Web Design is Scrimba's Pro-tier, intermediate flagship CSS course: roughly 15 hours across six substantial modules and 175 lessons, taught by Kevin Powell, the web's best-known CSS educator. It runs from fundamentals through responsive thinking, flexbox, and grid, up to professional layout work. This is the serious CSS investment on the site, and it is comprehensive enough that the standalone short courses become optional.

Is it worth your time?

If you are serious about CSS, this is the course to take, and the choice of instructor alone makes the case: Kevin Powell has spent years being the person developers turn to for CSS explanations, and that clarity carries through the whole 15 hours. It is broad and deep at once, taking you from the box model to layouts you would not be embarrassed to ship professionally. Done inside the Scrimba player, the responsive parts especially benefit from watching layouts adapt as you change the code.

The honest caveat is the commitment. Fifteen hours is a real investment, and the Intermediate label means it moves past hand-holding quickly. If you are a complete beginner, start with the free Learn HTML and CSS first; jumping straight in here is possible but harder than it needs to be. And because it covers flexbox and grid thoroughly, taking it makes the short standalone courses on those topics redundant rather than additive.

What you'll learn

Course curriculum

6 modules

  1. CSS Fundamentals2.9 hrs
  2. Starting to think responsively4.1 hrs
  3. Stepping up our style2.9 hrs
  4. Taking flexbox to the next level78 min
  5. CSS Grid: The ultimate layout tool97 min
  6. Taking it to the next level2.2 hrs

The arc is deliberate and complete. You start with CSS fundamentals, then spend the single largest block learning to think responsively, which is the mindset shift the whole course is built around. From there it sharpens your styling, takes flexbox and grid well past the basics, and finishes with advanced techniques that get you to professional-level output. Because flexbox and grid are covered properly here, this one course can stand in for the separate short ones.

Who it's for, and who should skip it

It fits developers who already know basic HTML and CSS and want to become genuinely good at layout: career-changers building toward a job, front-end developers filling gaps, anyone who wants CSS to stop feeling like guesswork.

Skip it, for now, if you are a complete beginner; do Learn HTML and CSS first. Skip it too if you only need one narrow topic quickly, in which case a focused short course like Learn Flexbox or Learn CSS Grid is the lighter choice.

Prerequisites

Basic HTML and CSS: tags, selectors, and the box model. The free Learn HTML and CSS course is plenty of preparation. No JavaScript required.

Where it fits

This is the deep CSS course on the Frontend Developer Path and the Fullstack Developer Path, taken after the HTML and CSS foundation. Once you complete it, the standalone flexbox, grid, and variables courses are optional rather than necessary, since it covers that ground.

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 comprehensive, it is taught by arguably the best CSS educator working, and it takes you to a genuinely professional level. As an interactive, project-aware course on responsive design, it is hard to beat at any price.

Where it is limited: it is a large time commitment, and the Intermediate pacing assumes some CSS already. It is not a beginner's first course, and its breadth makes the shorter CSS courses redundant rather than complementary.

View Learn Responsive Web Design on Scrimba (opens in a new tab)