Product Landing Page - Build a Product Landing Page

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

  1. 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 )
  2. Your #nav-bar should always be at the top of the viewport.
<!-- file: index.html -->
<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="UTF-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
    <link rel="stylesheet" href="styles.css"></link>
    </head>
    <body>
      <div id="page wrapper"></div>
      <header id="header">
        <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png"></img>
        <nav id="nav-bar">
            <a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#features">features</a>
          <a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#how-it-works">how it works</a>
          <a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#pricing">pricing</a>
        </nav>
      </header>
      <section>
        <h1>Handcrafted, home-made masterpieces</h1>
      <form id="form" action="https://www.freecodecamp.com/email-submit">
      <input id="email" placeholder="Enter your email address" type="email" name="email"></input>
      <p><input id="submit" type="submit" value="get started"></input></p>
      </form>
      <div>
        <h1></h1>
        <p></p>
        </div>
        <div>
         <h1></h1>
        <p></p>
        </div>
        <div>
         <h1></h1>
        <p></p>
      </div>
      </section>

        <section>
          <iframe id="video" src="https://youtu.be/y8Yv4pnO7qc" title="Roman Carnival Overture Op. 9 for Five Trombones"></iframe>
          </section>

          <section>
             <div class="product" id="tenor">
            <div class="level">Tenor Trombone</div>
            <h2>$600</h2>
            <ul>
              <li>Lorem ipsum.</li>
              <li>Lorem ipsum.</li>
              <li>Lorem ipsum dolor.</li>
              <li>Lorem ipsum.</li>
            </ul>
            <div>
            <button class="button">Select</button>
            </section>
      <footer>
 <a href="#">privacy</a>
           <a href="#">terms</a>
           <a href="#">contact</a>
<span>Copyright 2016, Original Trombones</span>
      </footer>
      </body>
  <html>
/* file: styles.css */
@media only screen and (max-width: 550px){body{font-size: 20px;}}
.logo{width: 10px;
position: absolute;
top: 10px; 
display: flex;}

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

Make the value of the href in the nav-link equal to the #id of the element it is linking to.
Make sure it is written exactly the same as the id even with any capitals matched exactly.

what of the second error

done that still not working

Post the new code please

thanks i already passed it