CSS Dojo道場 · practice
All levels

Size and place the mask

Level 5 of 8

Your goal

Make .box 240 × 160. Shrink its mask to half the width and half the height with mask-size, and centre it with mask-position.

Must usemask-sizemask-position
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.