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

[mingfengwan]

I'm submitting an ISSUE: please check one with "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
• 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.