Cannot pass this test

HTML-CSS
1

Tell us what’s happening:

i changed the height of h4 as told but I am not able to pass this test.

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

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

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property

2

Your code passes correctly for me. I am using Chrome browser.

3

i am also using chrome. but for me it says:
// running tests Your code should change the h4 height property to a value of 25 pixels. // tests completed

4

your code is correct and works on my end. i’m not sure what would cause that?

If you set it too a high number like 500px does the preview extend like this?

image
image1031×719 23.1 KB

5

Yes. the preview is changing accordingly!

6

image
image1366×768 71.6 KB

Here’s a screenshot

7

Just put the “height” over the “text align” (switch) … because it’s probably an automatic correction of the test and the bot doesn’t understand it if you don’t put it in order.

8

@logaritme tried that but it doesnt work that way also!

9

Your code is correct. Not sure what the issue is. Move onto the next challenge and come back to it later. Hopefully you don’t have any more issues moving forward!

10

So click on “Reset all code” ( just under “Run the tests”)
And do again the test as I told you ( put the “height” before and the " text align" after ).
If you can run the test successfully like that so come back to ask me why! :slight_smile:

11

@logaritme I did try that already!

12

There is a Chrome bug with zoom on this challenge, try setting the browser zoom to 100% (Ctrl+0). It should be fixed but I guess it isn’t in production yet.

13

Hello, rae.

As others have mentioned, sometimes the issue with the tests failing when your code is correct is the browser/version you are using.

Also, another reason is, any browser extensions you have enabled. They can block the tests (especially adblockers). So, potentially, try disabling any browser extensions.

Hope this helps.

14

Could it works in another browser?I had a similar problem before , and I got it when I use another brower.

15

@lasjorg, thank you all for the inputs. Setting the zoom to 100% fixed this.:+1::+1::+1: