Adjust the Height of an Element Using the height Property002

Tell us what’s happening:

Objective is to set h4 height to 25px.

Looks like I’m not the only one with this problem.

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/70.0.3538.110 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

Are you running the code with the asterisk? IF so remove them and it will work.

No, I pressed bold on the script to identify where I had written code. I did not write in asterisks with the code.

I will leave the code alone next time as I now know how that shows up.

Edit: I edited the code to reflect what I actually wrote.

I just copy and paste your code and seems perfect. Did you try to restart your browser or clean your page cache?
As you can see below, your code working perfect!

Are you by any chance using Edge, IE, or Safari as your browser? Free Code Camp has been updated to use newer technologies. It makes the application much faster and it means that we can go much longer without having to do a huge migration like the recent one. However, Edge, Internet Explorer, and Safari are very bad about choosing not to adhere to standards and support new functionality in JS and CSS. Right now, that means that these browsers exhibit lots of unexpected behavior. If you become a web developer you will come to hate these browsers with every fiber of your being.

Alas, no. I use chrome.

Restarted browser, restarted computer, reset code, cleared cache, still no dice. It’s the darndest thing.

I know the code is correct, should I even care? I suppose I won’t “earn my badge” for the Applied Visual Design curriculum. Does this matter?

All that is required for the certificates is the projects. Feel free to skip to the challenge.