Clamping with min and max
Level 11 of 13Your goal
Make the box follow the stage's width, but never narrower than 200px and never wider than 320px. The height stays 70px. Expected widths: 200px on the 160px stage (it pokes out past the edge), 260px on the 260px stage and 320px on the 700px stage.
Must use
min-widthmax-widthChecked at 3 stage widths (160px, 260px, 700px) — every stage below has to match.
stage 160px
stage 260px
stage 700px
marginborderpaddingcontenttarget 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.