Command Palette

Search for a command to run...

Hectal
Phase 11: Modern CSS and Architecture
CSS · Exercise 1 of 6Next
Intermediate

Style a card with nesting

All the CSS for this card must live **inside the one .card rule**, using native nesting:

- the title (.title) is #4338ca;

- the link is #db2777;

- a card that also has the class featured gets the background #eef2ff (use &).

Don't change the HTML.

What Check tests

  1. Titles are #4338ca
  2. Links are #db2777
  3. Only the featured card has the pale background
  4. The rules are nested inside .card and use &

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.