Step 1 of 6 · Class selectors

Select one card

Use the card class instead of styling every article on the page. Give this component its own surface and readable text color.

Done looks likeOnly the learning card gets a white surface and dark text.

Live CSS workbench

Make the rule predictable.

The preview updates as you type. Submission checks only the exact selector and box-model choices named in this challenge.

Best resultNot submitted0/3 latest checks
challenge.cssLocal only
Live previewNetwork blocked

Try the challenge now. Sign in to save drafts, attempts, and completion.

Deterministic feedback

Every failed check gives you a next move.

0/3 passing
Use the .learning-card selector
Give the card a white surface
Set the card text color