How to Adjust the Height of an Element Using the height Property

HTML-CSS
1

Tell us what’s happening:

what wrong with this code?

Your code so far


<style>
  h4 {
    text-align: center;
    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/66.0.3359.181 Safari/537.36.

Link to the challenge:

2

Hi @nilam,

Your solution is right, but maybe browser is your problem, try to solve this issue from another browser

I try to solve it from google chrome browser and it run perfectly.

or

if you try another browser and still not working then reset code and try to add your solution again :slight_smile:
Your solution is: height: 25px;

Hope this answer help you**,** if you stuck you can ask again and i will answer.

Regards,
Ali Mosaad

3

Im having the same problem but with --> Basic CSS - Size Your Images
I put the solution but its not accepting it. So now im stuck in the “Basic CSS - Size Your Images”
and cant get out of it to continue. :confused: