Test case not passing

why is the error is occuring as " Your red-box class should give elements 1.5em of padding . "

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 1.5em 1.5em 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/80.0.3987.132 Safari/537.36.

Challenge: Understand Absolute versus Relative Units

Link to the challenge:

add only one . get rid of the remaining three.

2 Likes

No it is not working .

Also put the colen in the correct spot/spacing.

1 Like

The correct code is: padding: 1.5em;

1 Like

It’s great that you understand how to solve this and want to help, but giving them the answer does not help them solve similar problems on their own in the future.

1 Like

try refeshing your page