Naming your containers

Level 7 of 9

Your goal

Same result as the last level, but name the container card with container-name and query it by name. The badge is 100px on the 420px stage and 200px on the 700px stage.

Must usecontainer-namecontainer-type

Checked at 2 stage widths (420px, 700px) — every stage below has to match.

stage 420px

stage 700px

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.