Product Landing Page - Build a Product Landing Page

Tell us what’s happening:

look for my “nav-bar” class

Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. #footer)

But I already added the “href” links I am confused, any help is appreciated, Thanks!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>

<<html lang="en">
  <header id="header">
    <title>Title of Document</title>
    <link rel="stylesheet" href="styles.css">

    <img id="header-img"  width="400" src="https://mrcollection.com/wp-content/uploads/2016/10/ferrari-laferrari-aperta-gray01.jpg" alt="laferrari">

    <nav id="nav-bar">
      <a class="nav-link" href="https://www.ferrari.com/en-US">Ferrari</a>
      <br>
      <br>
      <a class="nav-link" href="https://www.facebook.com/Ferrari/">Ferrari Facebook</a>
      <br>
      <br>
      <a class="nav-link" href="https://www.instagram.com/ferrari/?hl=en">Ferrari Instagram</a>

      <video id="video" controls poster="https://www.lamborghinigoldcoast.com/imagetag/8253/2/l/Used-2015-Ferrari-LaFerrari-1582833134.jpg" src="https://www.youtube.com/watch?v=ocggK7e4-AE" width="300">
      </video>

      <form id="form" action="https://www.freecodecamp.com/email-submit">
          <label for="email">Enter email:</label><br>
          <input type="email" id="email" name="email" placeholder="email">
          <input type="submit" id="submit">
        </form>
    </nav>
  </header>

  <body>

  </body>

</html>
/* file: styles.css */
#nav-bar {
  display: flex;
}




@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

reread this sentence

do your href values have the id of another element as their value?

Finally got it I didn’t think it meant literally I kept thinking of adding an actual “href link”

1 Like