CSS Dojo道場 · practice
All levels

Sizing and placing a background

Level 7 of 10

Your goal

Shrink the gradient to half the box in each direction (50% 50%) with background-size, and centre it with background-position. The box stays 200 × 200.

Must usebackground-sizebackground-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.