Skip to main content

Build a Multi-Page Website with HTML and CSS

A free, project-led course where Kevin Powell turns a Frontend Mentor design into a full multi-page space travel website, building a reusable design system along the way.

Quick answer​

This is Scrimba's free, intermediate HTML and CSS course taught by Kevin Powell. Across about 6.8 hours you take a real Frontend Mentor design and build it out into a multi-page site, starting with a proper design system (custom properties, type and spacing scales) before laying out the homepage, navigation, destination page, and tabbed content. Despite living in the JavaScript folder, it is pure frontend layout work, not a JavaScript course.

Is it worth your time?​

If you can write basic HTML and CSS but freeze when handed a finished design and told to build it, this course is exactly the bridge you need. Kevin Powell is one of the most respected CSS teachers around, and the standout choice here is starting from a design system rather than styling page by page. You learn to set up tokens once and reuse them, which is how real projects stay maintainable.

The honest caveat is that this is single-project, layout-focused work. You will not touch JavaScript, interactivity beyond CSS, or any build tooling. If you wanted a broad survey of frontend, this is narrower than that on purpose; it goes deep on translating a design into clean, responsive CSS.

What you'll learn​

Course curriculum

5 modules

  1. The design system2.1 hrs
  2. The homepage59 min
  3. Navigation76 min
  4. The destination page71 min
  5. The tabs75 min

The order is deliberate and the first module is the largest for good reason: you spend over two hours building the design system before laying out a single page. Once those tokens exist, the homepage, navigation, destination page, and tabbed interface come together quickly because the hard decisions are already made. That sequencing is the real lesson, more than any single CSS property.

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

It fits anyone comfortable with HTML and CSS basics who wants to practice building a full, multi-page layout from a professional design rather than from scratch. It is a strong fit for self-taught developers and for designers moving toward code.

Skip it if you are still learning what a div or a class is; the pacing assumes you can read CSS already. Skip it too if you specifically want JavaScript or interactivity, since this course stays in HTML and CSS the whole way.

Prerequisites​

Basic HTML and CSS: you should know selectors, the box model, and how to apply styles. Familiarity with flexbox or grid helps but is not strictly required, since the course works through layout as it goes. No JavaScript is needed.

Where it fits​

This course is a standalone project rather than part of a named path, but it pairs naturally with portfolio and deployment work. A sensible follow-up is Build and Deploy Your Portfolio, also taught by Kevin Powell, which takes you from building a site to getting it live.

Free or Pro​

The course is free, with no subscription needed to start or finish it. Scrimba Pro is a separate decision that unlocks the structured career paths, coding challenges, and certificates. If you only want this project, you never have to pay.

Strengths and limits​

What it does well: it is free, taught by a genuine CSS authority, and built around a real design rather than a toy example. The design-system-first approach is a habit worth forming early.

Where it is limited: it is one project, so the techniques are tied to this particular layout, and it covers no JavaScript or tooling. Fast peer help depends on the Pro Discord rather than the free tier.

Start Build a Multi-Page Website for free (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on