CSS Selector & Property Builder

Drag the correct selector, property and value cards into place to build CSS rules and style the live preview.

Challenge 1

Style a heading

Accuracy: 0%
Correct: 0 | Attempts: 0

Task:

1. Build the CSS rule

2. Choose from the cards

Live CSS Preview

HTML code to style:

Your CSS rule:

Your CSS will appear here...

Result:

Hint: Use the Hint button if you get stuck.

Jump to a challenge:

Progress

1 / 18