Https://www.freecodecamp.org/learn/responsive-web-design

HTML-CSS
1 
  Hello , so I was on the css : Understand Absolute versus Relative Units

lesson but I cant get past this lesson where I have to add a padding to the sred-box and set it to 1.5em
I know how to do it
and I’m pretty sure it’s correct
if not can someone please tell me what’s wrong or is it a bug ?
thank you

<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.53em;

}

.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>

**Challenge:** Understand Absolute versus Relative Units

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/understand-absolute-versus-relative-units
2

1.53em is not the same as 1.5em

1 Like
3

[quote=“farida.ouf, post:1, topic:453665”]

https://www.freecodecamp.org/learn/responsive-web-design/basic-css/understand-absolute-versus-relative-units

thank you so much just realized :slight_smile:

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.