Not able to pass test even though solution is correct

[Jiganesh]

Tell us what’s happening:

  **Your code so far**

<style>
.injected-text {
  margin-bottom: -25px;
  text-align: center;
}

.box {
  border-style: solid;
  border-color: black;
  border-width: 5px;
  text-align: center;
}

.yellow-box {
  background-color: yellow;
  padding: 20px 40px 20px 40px;
}

.red-box {
  background-color: red;
  margin: 20px 40px 20px 40px;
  padding : 1.5em ;
}

.green-box {
  background-color: green;
  margin: 20px 40px 20px 40px;
}
</style>
<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36.

Challenge: Understand Absolute versus Relative Units

Link to the challenge:

freeCodeCamp.org

[kevinSmith]

The site is a work in progress. There are different ways of testing these things. It appears that they are looking for an exact string. You have:

  padding : 1.5em ;

Most people would not have put a space before the colon and before the semi-colon. That must be what it is looking for because when I remove those spaces, it passes for me. So, what you wrote works, but the test isn’t robust enough to handle idiosyncratic spacing like that.

Clearly that is not the best test, but it’s what we have for now. Until some volunteer comes along and writes a better test.