Help regarding project for responsive web dev

Tell us what’s happening:
Describe your issue in detail here.
I have added all the details required however the
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. e.g. #footer ).
This code is not passing this test and i cannot understand why please help

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header id="header">
    <img src="image.jpg" alt="" id="header-img"> </img>
      <nav id="nav-bar">
          <ul>
              <li>
                <a class="nav-link" href="#section_1 ">Section 1</a>
              </li>
              <li>
                <a class="nav-link" href="#section_2 ">Section 2</a>
              </li>
              <li>
                <a class="nav-link" href="#footer">Footer</a>
              </li>
          </ul>
      </nav>
  </header>
  <video src="" id="video">video</video>

  <form id="form" action="https://www.freecodecamp.com/email-submit">
      <input type="email" name="email" id="email" placeholder="Enter Email" required>

      <input type="submit" value="submit" id="submit">
  </form>
      <section id="section_1">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsa atque perspiciatis totam odit, nobis dolores enim fuga ipsum voluptate sit voluptatem a vel, quod et modi quia officia! Earum, similique cupiditate consequatur consectetur deleniti veniam quia. Est repudiandae dolores unde eligendi sit optio aliquam repellendus ipsa, neque labore consectetur? Deleniti tempora eaque adipisci dolorum non, deserunt consequuntur, reprehenderit labore quis maiores quisquam. Obcaecati at minus maxime dolores sed. Explicabo quisquam inventore omnis sed modi voluptatem adipisci doloremque natus nam iusto id hic nihil provident officia error, excepturi aperiam fuga voluptatibus delectus? Ducimus accusantium sunt nulla necessitatibus recusandae suscipit ad ipsa.</section>

  <section id="section_2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores nulla ea vel necessitatibus dolor ut, quaerat mollitia voluptates optio maxime magni, libero cupiditate dignissimos accusantium. Ipsa optio ad aliquam sed perspiciatis dolorem, dolorum maxime alias, iste ab recusandae nulla nesciunt libero pariatur dicta, aspernatur sequi molestiae sit hic possimus voluptatem eligendi eaque culpa! Numquam possimus delectus inventore voluptatum nostrum doloremque, voluptatibus sit quidem quia est maiores laboriosam. Voluptates ab itaque natus tempora laborum omnis sapiente quis tenetur, quasi ipsum in et praesentium ullam voluptatem quam quos. Quasi ipsum nam et illo dolores vitae ipsa at sit ducimus, unde, tenetur esse!</section>

  <section id="footer">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem culpa doloremque odio ratione quae saepe excepturi autem reiciendis! Quis, et qui at iste alias cum dolor accusantium modi, minus inventore similique nesciunt. Ipsa, tenetur id dicta totam impedit perspiciatis! Accusantium esse nihil aperiam distinctio odit repellendus necessitatibus nisi tempore fuga, ratione eveniet enim iste eius labore alias accusamus dolorem incidunt aliquid laboriosam maiores et, adipisci voluptatibus obcaecati. Rerum sunt cupiditate totam quod facilis facere asperiores similique eos recusandae, dolores molestias modi distinctio nobis provident maiores blanditiis laudantium dignissimos est id nisi. Ipsam a ex perspiciatis natus, commodi aperiam ipsum minus.</section>
</body>
</html>
/* file: styles.css */
#nav-bar ul{
  display: flex;
  justify-content: space-around;
}
ul li{
  list-style: none;
}

header{
position:sticky;
top:0px;
left:0px;
}

@media screen and (max-width: 768px)
{
  #nav-bar{
      background-color: blanchedalmond;
  }
}
  **Your browser information:**

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

Challenge: Build a Product Landing Page

Link to the challenge:

Underscores, shouldn’t it be?

i changed it to underscore but it is still showing the same error

And this doesn’t match

i changed it but still doesn’t work

Remove the spaces from the hrefs maybe

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