Q69 of front end development quiz too vague to have a correct answer

[mingfengwan]

I'm submitting an ISSUE: please check one with "x"

• [x] Documentation issue

Q69. The CSS box model describes how the parts of a CSS box fit together and the size of the box. What is the actual width of the following box's visible part under the standard box model?

box {
  width: 200px;
  padding: 10px;
  margin: 0 15px;
  border: 2px 5px;
}

• [ ] 230px
• [x] 220px
• [ ] 200px
• [ ] 260px

The question is way too ambiguous. It did not specify whether the box border is considered to be part of the "visible part of the box".

[dakshithadissanayaka]

The total width of the box can be calculated as follows:

Total width

width + padding-left + padding-right + border-left + border-right + margin-left + margin-right Total width=width+padding-left+padding-right+border-left+border-right+margin-left+margin-right

Substitute the given values: Total width

200 px + 10 px + 10 px + 2 px + 5 px + 0 px + 15 px Total width=200px+10px+10px+2px+5px+0px+15px

Calculating this gives: Total width

242 px Total width=242px

Therefore, the correct answer is not among the options provided. The closest option is 260px, but the exact total width is 242px.

❤️

[mingfengwan]

The total width of the box can be calculated as follows:

Total width

width + padding-left + padding-right + border-left + border-right + margin-left + margin-right Total width=width+padding-left+padding-right+border-left+border-right+margin-left+margin-right

Substitute the given values:

Total width 200 px + 10 px + 10 px + 2 px + 5 px + 0 px + 15 px Total width=200px+10px+10px+2px+5px+0px+15px

Calculating this gives:

Total width 242 px Total width=242px

Therefore, the correct answer is not among the options provided. The closest option is 260px, but the exact total width is 242px.

❤️

The issue is that no clear definition for "visible part" exists. I would argue that the "visible part" doesn't include margins, but may or may not include borders.