Adjusting the Padding of an Element- not working! I tried to change the padding for the .green-box to 20px, to make the padding equivalent to the .red-box, but it's not working😮

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: 10px;
  }
  
  .red-box {
    background-color: red;
    padding: 20px;
  }

  .green-box {
    background-color: green;
    padding: 20px;
  }
</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:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 6.0; XT1575 Build/MPHS24.49-18-16) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.83 Mobile Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/adjusting-the-padding-of-an-element

Your code appears to be correct. You probably just need to close the browser and come back into the challenge and run the tests again and should pass.

Ok, Randell, let me try that!

Still no improvement. Let me just say, I am coding on an Android OS.

Im having the same problem.

Same problem here pew…

Same problem I am stuck in padding