Create a Horizontal Line Using the hr Element - SOLUTION

Create a Horizontal Line Using the hr Element - SOLUTION
0

#1

Tell us what’s happening:

It is a kind of bug. For some reason the solution is only accepted if you not only add the hr tag, but change the implementation of the em tag for the paragraph as well. In the challenge code the em tag is implemented inside the p tag. But it should be wrapped around the p tag. Otherwise the hr solution is not accepted.

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>
      <em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>
    </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.3; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0.

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


#2

Hey Jolein,
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.


#3

Thanks @aditya_p! I worked around it thanks to someone elses comment about this challenge. But I did not know it is possible to skip challenges and just move on. How do you do that? (it is not something I would like to do, but I am just curious how it works :slight_smile:


#4

Just go to the curriculum and select the next challenge and it will work.
In freecodecamp it is not compulsory for you to complete all the challenges but you have to complete the projects to get certificates.


#5

Learned something! Did not realise that. Thanks @aditya_p! All the best.