Understand

This challenge confirms your CSS fundamentals are solid.

You now know selectors, the box model, flexbox, grid, responsive design, variables, and effects. This review asks you to style an unstyled page into something clean, responsive, and consistent.

Analogy: This is the moment your raw HTML gets dressed up into a real design.

See It in Action

A typical review setup uses variables plus flex or grid:

:root { --accent: #6c63ff; }
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 16px;
}

Try It Yourself

1. Take an unstyled page and add a color system with variables.
2. Lay out a section with flexbox or grid.
3. Add a media query so it stacks on mobile.

Challenge

Style a plain HTML page into a clean, responsive design using variables and a modern layout.

Success condition: Your page is styled, responsive, and uses variables plus flexbox or grid.