Adjust the background-color Property of Text, height error

Adjust the background-color Property of Text, height error
0

#1

Tell us what’s happening:
The error tells me that I have to delete the height property from the h4 element but I already did that. What did I did wrong?

Your code so far


<style>
  h4 {
    text-align: center;
    background-color: rgba(45, 45, 45, 0.1);
    padding: 10px;
  }
  p {
    text-align: justify;
  }
  .links {
    text-align: left;
    color: black;
  }
  .fullCard {
    width: 245px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;
  }
  .cardContent {
    padding: 10px;
  }
  .cardText {
    margin-bottom: 30px;
  }
</style>
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <h4>Alphabet</h4>
      <hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
    </div>
    <div class="cardLinks">
      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
    </div>
  </div>
</div>

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text/


#2

to my eye everything looks good. Next step is I will copy your code and try it. Will let you know what happens in my test.

Edit: well that was easy! it worked perfectly! Try to copy the h4 section out somewhere then reset the code and refresh the browser and paste your changed code in. Maybe a second fresh try will work…


#3

@hbar1st Unfortunately, it didn’t worked. I tried your method three times, but no result. Thanks for your help anyway.


#4

may I ask which browser you are using? I use chrome, so maybe try that?


#5

@hbar1st I am using chrome too.


#6

when you first posted, you had said it was giving you an error. Is it still giving you an error? Can I see a screen shot?


#7

@hbar1st Yes, it’s still there. It saying that I have to remove the height element from h4.


#8

Could you take a screenshot? I tried the full code again and it worked again on my chrome browser (latest version on windows). Are you on a mobile device?


#9

I managed to do it. I used another browser and it worked without any problems.
Thanks for your help anyway.