Create a Horizontal Line Using the hr Element -hr tag problem

Tell us what’s happening:

I added the hr tag between the title and the paragraph, and run the test, but it cannot passed the second item:The hr tag should come between the title and the paragraph. I don’t know what happening, so please help me out.

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element

1 Like

Hey Jarry,
This challenge has a bug so skip it and move on.
It will not affect your certificates, so do not worry while skipping.
Hope it helps.

4 Likes

Thanks for your notification.

I don’t have an option to skip? I’ve done this one about 20 bloody times trying to figure out what I’ve done wrong. Since I know it’s a bug, where is the option to skip? Thanks

Just go to the curriculum and select the next challenge.
In FCC it is not compulsory for you o complete all the challenges to get the certificate.
Only, you must complete all the projects.
Hope it helps.

Don’t care about the certificate, doing it to refresh and get help with what I don’t know. Will give that a try, thanks for the quick reply.

Cheers!! All the best.

1 Like

will they be fixing the bug?

There is already a github issue for this.
So, come back after a few days to see if the bug is fixed.

No worries. I only asked because someone else will run into the problem :slight_smile:

thanks for your help.

you can use
on css

border-bottom:1px solid #444;

This bug still hasn’t been resolved.

Here is that “somebody else” that experienced the same problem!
It sure would be great to have it fixed.

And another, suspected it was a bug but good to know not the only one!

Still an issue. Was wondering after the first time it didn’t pass. Knew I wasn’t doing anything wrong. lol