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)

im getting problem in completing this test case please can anyone check where im doing it wrong.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>landing page</title>
  </head>
  <body>
    <header id="header">
      <div >
      <img id="header-img" src="https://img.freepik.com/premium-vector/abstract-dot-connection-logo-illustration-trendy-minimal-style_1375-6393.jpg?w=740">
      <p>Original Trombones</p>
    </div>
      <nav id="nav-bar">
            <a class="nav-link" href="#video">video</a>
            <a class="nav-link" href="#form">form</a>
            <a class="nav-link" href="#footer">footer</a>
      </nav> 
    </header>
    <video id="video" src="" width="320" height="240">
      <source src="https://www.youtube.com/watch?v=HXV3zeQKqGY">
      your browser doesnt support the video tag.
    </video>
    <div id="features">
      <ul>
        <li id="id1">
          <h1>Premium Materials</h1>
          <p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
        </li>
        <li>
          <h1>Fast Shipping</h1>
          <p>We make sure you recieve your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
        </li>
        <li>
          <h1>Quality Assurance</h1>
          <p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</p>

        </li>
      </ul>
    </div>
    <form id="form" action="https://www.freecodecamp.com/email-submit" >
      <input id="email" type="email" placeholder="enter your mail here" name="email">
      <input type="submit" id="submit">
    </form>
    <footer id="#footer">
      <ul>
        <li>Privacy</li>
        <li>Terms</li>
        <li>Contact</li>
      </ul>
    </footer>
  </body>
</html>```

Can you explain which parts of the instructions or hints you don’t understand? Which specific words or phrases (please don’t just copy paste the instructions)

It really helps if you provide a link to the challenge.

The test case asks that i should provide a link to an element in the class nav link which I have done I guess but it’s still not working

And this is the link to the challenge: