CSS Dojo道場 · practice
All levels

Clip with inset

Level 3 of 8

Your goal

Make .box 240 × 160 and use clip-path: inset(...) to shave 20px off the top and bottom and 40px off the left and right.

Must useclip-path
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.