Understand Absolute versus Relative

Understand Absolute versus Relative


Here it is asked to add padding to the element with class red-box and set it to 1.5em.
And I set padding as 1.5em in red-box class. But still it is not working. can anyone please help me?

Your code so far

  .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: 40px 20px 20px 40px;
<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>

Your browser information:

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

Link to the challenge:


It’s working fine for me, I think you have written your code in some editor and copied & pasted it in FCC.
Reset your code and add padding: 1.5em to class red-box.


But I have not written the code in another editor and then paste. And also after resetting the code it is not working.



In my case it is giving error for

second condition.


Try resetting your code and clear your browser cookies/cache that will fix this.


I don’t know where I am getting wrong. I reset the code again. But still it is not working.


Okay found the problem in your code.
Remove extra space after property.

padding[remove spacing]: 1.5em;


yes… It is working now. Extra space was there. Thank you for your Help.