In relation to height tab

height tab is not working

h4{ img { height: 25px; }} text-align: center; img { height: 25px;} } p { text-align: justify; } .links { margin-right: 20px; text-align: left; } .fullCard { width: 245px; border: 1px solid #ccc; border-radius: 5px; margin: 10px 5px; padding: 4px; } .cardContent { padding: 10px; }
<div class="cardText">

  <h4>Google</h4>

  <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>

</div>

<div class="cardLinks">

  <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>

  <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>

</div>

<style>
h4{ img {
  height: 25px;
}}
  text-align: center;
  img { height: 25px;}

}
p {
  text-align: justify;
}
.links {
  margin-right: 20px;
  text-align: left;
}
.fullCard {
  width: 245px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
}
.cardContent {
  padding: 10px;
}
</style>
<div class="fullCard">
<div class="cardContent">
  <div class="cardText">
    <h4>Google</h4>
    <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
  </div>
  <div class="cardLinks">
    <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
    <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.83 Safari/537.36.

Challenge: Adjust the Height of an Element Using the height Property

Link to the challenge:

Hi,

Have you copied this wrongly? You have to add a height property. Instead you have inserted an img element with properties inside another one which is impossible in regular css. Just add the height property.

Greets,
Karin

Thanks man it worked