Boss: the responsive dashboard
Level 10 of 10Your goal
The header stays full width. Sidebar and main are full width (stacked) below 500px, 200px each side by side from 500px, and main widens to 300px from 650px. Expected on the 420 / 560 / 700px stages: stacked / 200 + 200 / 200 + 300.
Checked at 3 stage widths (420px, 560px, 700px) — every stage below has to match.
Elements
Hover one to find it on the stage. Click it, or put your cursor inside its CSS rule, to focus on just that element.
stage 420px
stage 560px
stage 700px
target content boxtarget outer edge (green = matched, red = not yet)your element (hovered or focused)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.