Don't forget to add the ;

What is your hint or solution suggestion?
I looked at it and it was perfect in the box on the right and couldn’t figure out why it was coming back “wrong”. Apparently the shaded box shows up even without the “;” but you have to add it anyway after the background-color element.

Challenge: Adjust the background-color Property of Text

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

I cannot reproduce this on Firefox 80.0. The background does not appear without the ‘;’.

I didn’t actually test it in a browser by itself. The viewer box did show it though in the web app and I’m using Firefox 80.

Without ‘;’

With ‘;’

Weird. Must have been a bug in my browser then. The box showed up without it so visually I couldn’t tell what was wrong for about 5 minutes till I noticed the missing semicolon.