Issues completing my challenge

Tell us what’s happening:

  **Your code so far**

<style>
h4 {
  text-align: center;
  height: 25px;
  border: red solid 2px;

}
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/89.0.4389.82 Safari/537.36.

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

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

The challenge ask me to change the height of an element with the height declaration in css which i did but it was telling me to 100% zoom to complete the challenge

You have to remove the border you also added.

Otherwise, you would have to add box-sizing: border-box.

https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

1 Like

All you need to pass this challenge is to add height of 25px to your h4 element; nothing more nothing less. The code below is all that you need in your h4 element inside the Style sheet to pass.
height: 25px;