Adjust the Height of an Element Using the height Property, not permitting my pixel input

HTML-CSS
1

Tell us what’s happening:
i don’t understand why this isn’t working, can someone explain why?

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:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property

2

I copy pasted your solution and it worked for me so there are no issues with your code. If it’s not working, it has probably something to do with your browser. Maybe try resetting the code, restarting browers, using other browser, skipping the challenge, …

3

oh alright thanks, at least i know i was doing it right and it’s a fairly minor exercise anyway

4

I’m having the same issue. Were you able to get it to work?

5

I think I figured it out, at least for myself- I just passed it. If you’re zoomed in or out in your browser, it can throw off the pixel measurement and cause you not to pass the test. Make sure your browser is at 100%, no more no less.

1 Like