CSS Dojo道場 · practice
All levels

Boss: build the badge

Level 10 of 10

Your goal

Turn the 160 × 160 .badge into a round badge: a 4px solid #2f3a4f border (outer size 168 × 168), border-radius: 50%, background-image: linear-gradient(135deg, #6aa9f5, #f5a15b) and box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4).

Must useborder-widthborder-radiusbackground-imagebox-shadow
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.