Assessment and help needed for CSS sizing skill test 2

Could someone please check my work on Task 2 of CSS sizing skill test?

I’m very confused because the Task 2 question says that I should consider the fact that alternative box model is being used.
But as far as I know, in the lesson page of sizing skill, nothing about box model was mentioned in explanation about using percentages for sizing…

Why and how box model matters when using percentages for padding and relative width??? :sob:

Thank you for your help! :blush:

My work:

Test page:

Lesson page:

Hello,

To see how box model matters when using percentages for padding and relative width you can first try to change the box-sizing property to
“content-box” which is the default behavior.

Box sizing
explains everything you need to know to get the difference between the two.

To me your solution is correct.

2 Likes

Hi Albin, thank you so much! :grinning:

I realised I didn’t fully understand the difference between the box models.

After changing the value to content-box and tried a few things, I think now I understand it much better! The link was really helpful too!

Thank you so much!
Risa