Applied Visual Design: Adjust the background-color Property of TextPassed

HTML-CSS
1

I dont really know whats wrong in this case.
I even copied the rgba into the code, but it still tells me that something
is wrong with my rgba code.
Thanks for your help community ! <3

Your code so far


<style>
h4 {
  text-align: center;
  padding: 10px;
  background-color: rgba(45, 45, 45, 0.1)


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

Your browser information:

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

Challenge: Adjust the background-color Property of Text

Link to the challenge:

1 Like
2

You forgot some simple things in the solution. Try reading the section below the Run the tests button, it should be pretty straightforward. Your rgba is correct but the solution needs some additional things.

3

@wandgepard
It’s only a minute mistake. You have done what is necessary to the height, padding and RGBA value.
But there is a minute mistake. It’s a simple one.

Have you given the symbols like “;” and “:” correctly?

4

Ive tryed it like this.
But still didnt worked.

h4 { text-align: center; padding: 10px; background-color: rgba(45, 45, 45, 0.1;) } 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; } 
<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>
5

; is in the wrong place.

6

thank you.
But where should it be ?

7

; should be outside the bracket. rgba(45, 45, 45, 0.1);

8

@wandgepard
That’s what I told:

Hope you understood now :grinning: