Bug in Applied Visual Design: Create a Horizontal Line Using the hr Element

freeCodeCamp Support
1

Hi,

i’m trying to finish the challenge “Applied Visual Design: Create a Horizontal Line Using the hr Element”, but it seems that there is an error in the test logic.

I’ve added the hr tag right underneath the title (h4) tag, but the validation fails.

<style>
  h4 {
    text-align: center;
    height: 25px;
  }
  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><s>Google</s>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>

The validation step “The hr tag should come between the title and the paragraph.” fails.
Do i miss something or is this a bug in the validation logic?

Best regards,
Kev

11 Likes
2

I get the same problem

2 Likes
3

Bugs should always be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

4

Try changing the ‘em’ tags outside the ‘p’ tags Credits

22 Likes
5

Followed your instruction and it works . Thanks

2 Likes
6

This works, but this seems like a fairly significant bug since it specifically tells you in a previous exersise the em tags should be inside the p tags.

3 Likes
7

It is, at some point I thought of abandoning the course because of it.

1 Like
8

Thanks. That is a super ghetto bug. Em tags should never be placed outside of a p tag… way to teach us bad syntax FCC!

Anyways - thanks for that. I was getting really pissed off with it.

2 Likes
9

Same problem was here! THX for help!

10

Super thanks @TreceSeis!

11

YES! Thanks…I just skipped this awhile back (it’s been a few weeks) when it wouldn’t work. I thought it would be fixed by now but thanks for the weird hack for getting it to work.

12

Had the same issue but tried the em outside the p tags and worked! Thanks!
How did you think of that really?!

13

25/09 I’m still getting this bug :frowning:
but thanks to the guys above for pointing out the em solution.