CSS Dojo道場 · practice
All levels

The ratio survives resizing

Level 3 of 9

Your goal

Give the full-width box a 16 : 9 ratio so its height follows its width: 420 × 236 on the 420px stage and 700 × 394 on the 700px stage.

Must useaspect-ratio

Checked at 2 stage widths (420px, 700px) — every stage below has to match.

stage 420px
stage 700px
target content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.