text transform issue

Tell us what’s happening:
Describe your issue in detail here.

h4 {

text-align: center;

background-color: rgba(45, 45, 45,0.1)

text-transform: uppercase;

padding: 10px;

font-size: 27px;

}
Your code so far


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

}
p {
  text-align: justify;
}
.links {
  text-align: left;
  color: black;
  opacity: 0.7;
}
#thumbnail {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.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" id="thumbnail">
<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/92.0.4515.107 Safari/537.36

Challenge: Use the text-transform Property to Make Text Uppercase

Link to the challenge:

Hello @Yash0203, welcome to the forum.

You have to remember to add a ; semicolon at the end of each style declaration. They are needed otherwise the browser may have trouble parsing your style resulting in errors.

In this case you forgot to add it at the end of “background-color”

Hope this helps.

1 Like

Thank you so much !! It was very hard time knowing what’s wrong with my code.

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