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="" alt="laferrari">

    <nav id="nav-bar">
      <a class="nav-link" href="">Ferrari</a>
      <a class="nav-link" href="">Ferrari Facebook</a>
      <a class="nav-link" href="">Ferrari Instagram</a>

      <video id="video" controls poster="" src="" width="300">

      <form id="form" action="">
          <label for="email">Enter email:</label><br>
          <input type="email" id="email" name="email" placeholder="email">
          <input type="submit" id="submit">



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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.