CSS Dojo道場 · practice
All levels

Stacking breakpoints

Level 8 of 9

Your goal

Give the box three widths: 200px by default, 300px from a 500px viewport up, and 400px from 650px up. Expected: 200px, 300px and 400px on the 420px, 560px and 700px stages.

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

stage 420px
stage 560px
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.