Start the course page

Create index.html with a header, main section, three feature cards, and a footer. Give reusable parts classes such as site-header, features, and card.

Then create styles.css and link it from the head.

Start with a small foundation:

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

Do not design everything yet. The point is to have real content that lets you see how selectors, boxes, Flexbox, Grid, and responsive rules interact.

Keep the page open next to DevTools as you continue.

Quick check

Result

You got of right.

Try again