On Product Landing page

All codes passed except… …" 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 )."
Any assistant please?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Product Landing Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main>
      <section>
      <header id="header">
        <div class="logo-container">
        <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" ></img>
      <nav id="nav-bar">  
        <ul>
<li><a href="#Features" class="nav-link">Features</a></li>
<li><a href="#How_it_works" class="nav-link">How It Works</a></li>        
<li><a href="#Pricing" class="nav-link">Pricing</a></li>          
          </ul>                  
        </nav>
         </div>
      </header>
   </section>         
 
  <section >
   <div id="customer-info">
     <h2 id="header">Handcrafted, home-made masterpieces</h2>
     
     <form method="post" action="https://www.freecodecamp.com/email-submit" id="form">
    <input type="email" placeholder="Enter your email address" id="email" name="email"></input> 
      <input type="submit" id="submit" value="Get Started" ></input>
     </form>
   </div>
    </section> 
    <section id="#Features">
      
<div class="features">
  <img src="https://img.icons8.com/external-soft-fill-juicy-fish/1x/external-feature-product-management-soft-fill-soft-fill-juicy-fish.png" id="icon"></img>
</div>
<h2>Premium Materials</h2>
<p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
<div class="features">
  <img src="https://img.icons8.com/office/1x/free-shipping.png" width="80px" id="icon"></img>
   </div>
   <h2>Fast Shipping</h2>
   <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>
   <div class="Features">
     <img src="https://cdn-icons-png.flaticon.com/128/4157/4157207.png" width="80px" id="icon"></img>
   </div>
   <h2>Quality Assurance</h2>
   <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>
 </section>
 <section id="#How_it_works">
 <iframe width="400" height="225" src="https://www.youtube.com/embed/RZY_KMB1_24" title="Cool Tech Under $30 (PS4 Edition)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen id="video"></iframe>
</section>
<section id="#Pricing">
<div id="pricing">
<div class="card" id="card1">
  <h2>TENOR TROMBONE</h2>
  <p class="pp">$600
</pp>
  <p>Lorem ipsum.</p>
  <p>Lorem ipsum.</p>
  <p>Lorem ipsum dolor.</p>
  <p>Lorem ipsum.</p>
  <button>SELECT</button>
</div>
<div class="card" id="card2">
  <h2>BASS TROMBONE
</h2> <p class="pp">$900</p>
  <p>Lorem ipsum.</p>
  <p>Lorem ipsum.</p>
  <p>Lorem ipsum dolor.</p>
  <p>Lorem ipsum.</p>
  <button>SELECT</button>
</div>
<div class="card" id="card3">
  <h2>VALVE TROMBONE
</h2>
  <p class="pp">$1200</p>
  <p>Plays similar to a Trumpet</p>
  <p>Great for Jazz Bands</p>
  <p>Lorem ipsum dolor.</p>
  <p>Lorem ipsum.</p>
  <button>SELECT</button>
  </div>  
  </section>
</div>
<footer id
="footer-link">
<ul>
<li>

  <ul>
          <li><a href="" class="footer-link">Privacy</a></li>
          <li><a href="" class="footer-link">Terms</a></li>
          <li><a href="" class="footer-link">Contact</a></li>
        </ul>
        <p>Copyright 2016, Original Trombones</p>
</footer>
    </main>
  </body>
</html>

hi there, this code has a lot of syntax errors and given that, it is hard to help you at this point.
Please copy your code into this online html validator and fix all the reported syntax errors
(ignore warnings/info and focus on errors)

Once done, if you are still having a problem with the test, then let us know (and post your newest code also)

If i am not mistaken ur id are listed with a # in the body of your html. While it should only should include a # when being called by a link.

Yes I changed the id and it worked. Thank you

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