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.
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.Thanks, I'll update the quiz.