Code won't work

HTML-CSS
1

Hi friends,

I’m on Applied Visual Design: Adjust the background-color Property of Text and it keeps telling me that I haven’t removed the height on the h4 element, but I have, I replaced it with padding as stated in the lesson. It won’t run the test because it tells me that the height is still there? Frustrating that it won’t show its completed.

Is anybody able to please assist? I watched the video too and did it identical to the video and still it tells me the same thing.

2

Please put the code using the Preformatted text on the top of the title area.

Code_won_t_work_freeCodeCamp_Support_The_freeCodeCamp_Forum

3

I’m not too sure what you mean? I’m fairly new to all of this.

4

If put the code only we can find out the mistake for that use this tool
Code_won_t_work_freeCodeCamp_Support_The_freeCodeCamp_Forum(1)

1 Like
5

Hey @AmyLeigh Welcome to forum in order for us to help you need to provide us the code that you have written please copy paste everything here but make sure to put that code between these that will make the code look like this

<html>
</html>

Or you can select all the code and tap on </> this icon in the post editor.

2 Likes
6 
<style>
 h4 {
   text-align: center;
   padding: 10px;
   background-color: rgba(45, 45, 45, 0.1)
 }
  p {
    text-align: justify;
  }
  .links {
    text-align: left;
    color: black;
  }
  .fullCard {
    width: 245px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;
  }
  .cardContent {
    padding: 10px;
  }
  .cardText {
    margin-bottom: 30px;
  }
</style>
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <h4>Alphabet</h4>
      <hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
    </div>
    <div class="cardLinks">
      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
    </div>
  </div>
</div>
7

Yes. That i told to do.

1 Like
8

The height property on the h4 element should be removed is what it keeps telling me

9

Remove the padding

and see.
If worked, please let me know.

10

The lesson tells me to remove the height and add the padding, I’ll try it. It seems bugged or something.

11

Which lesson it is share the link.

12

Now its telling me to add the padding and its still saying I must remove the height

13

Hey @AmyLeigh can you also share the link to the challenge ?

2 Likes
14
15

I put this code and the lesson completed .

Change the browser and see. I used Fire Fox latest Version

1 Like
16

I’m on chrome, okay, thank you. I’ll try that. Appreciate the assistance, I’ll let yous know if it works. :hugs:

1 Like
17

That worked, thank you so much. Much appreciated

1 Like