Hello, I’ve completed the CSS assessment: A cool looking box except for this one caveat.
The rule :
border: 1px solid rgb(255,0,100);
causes 38.4px to be added to the height of the div. I tried stripping the whole assessment down to its most basic properties and i still can’t isolate what’s causing this height addition. Take the border away and the content reverts back to 200x200px. I’ve checked all the rules that are automatically implied by a “border” property such as border-image* and still no solution. Why does this border rule add height automatically to my div. Thank you.
Link to code: JSBin
Link to assessment: A cool looking box