DEV Community

Discussion on: How the CSS Box Model Works

Collapse
 
alohci profile image
Nicholas Stimpson • Edited

The answer you've got to question 7 on your quiz is wrong. When using box-sizing: border-box, if the sum of the border and padding block-dimension widths is greater than the specified height, the content height doesn't go negative, it gets clamped at 0. So the final border-box height is border-top + padding-top + 0 + padding-bottom + border-bottom, which is 10px more than the answer you give.

Collapse
 
smpnjn profile image
Johnny Simpson

Thanks, I'll update the quiz.