Landing Page del producto - Construye una página de inicio de producto

me dice que:" Cada elemento .nav-link debe estar enlazado a su elemento correspondiente en la página de aterrizaje (el valor que tiene el href es el id de otro elemento, por ejemplo, #footer)"
Y la verdad no se que arreglar o poner,por favor ayudenme.

<html lang="en">
  <head>
    <meta charset="UTF_8" />
    <meta https-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="wiidth=device-width, initial-scale=1.0" />
    <title>FCC Product Landing Page</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link 
    href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&family=Montserrat:wght@500&display=swap" 
    rel="stylesheet"
     />
    <link rel="stylesheet" href="./styles.css" />
    <link 
    href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" 
    rel="stylesheet" 
    />
  </head>
  <body>
    <header id="header">
      <nav id="nav-bar">
        <div class="logo-container">
          <img src="https://media.istockphoto.com/id/880622992/es/vector/libro-el-icono.jpg?s=612x612&w=is&k=20&c=swr5ldwFockJV_ZwfFU5gweLI78SbU3AdTSSvkeN4f0="
          alt="logo"
          width="60"
          id="header-img"
          />
          <span class="the-product">Classic Books</span>
          <ul class="nav-links">
            <li><a href="#features" class="nav-link">Features</a></li>
            <li><a href="#audio" class="nav-link">Free Audio Book</a></li>
            <li><a href="#for-sale" class="nav-link">For Sale</a></li>
          </ul>
        </div>  
      </nav>
    </header>
    <section id="emial-section">
      <h2>Beautifully Written Masterpieces</h2>
      <form action="https://www.freecodecamp.com/email-submit" id="form">
      <input 
      id="email"
      type="email" 
      required placeholder="Enter your email address" 
      name="email" 
      />
      <input type="submit" id="submit" value="GET STARTED" />
      </form>
    </section>
    <section id="features">
      <div class="feature">
        <i class="ri-file-paper-fill ri-4x icon"></i>
        <div>
          <h2>Premium Materials</h2>
          <p>
            Our Books use the best paper which is soured increase the longevity of your purchase.
          </p>
          </div>
      </div>
      <div class="feature">
        <i class="ri-truck-fill ri-4x icon"></i>
        <div>
          <h2>1 Day Shipping</h2>
          <p>
            We make sure you receive your classic book as soon as possible so that you can start reading inmediately. We also provide free returns if you are not satisfied.
          </p>
        </div>
      </div>
      <div class="feature">
        <i class="ri-book-open-line ri-4x icon"></i>
        <div>
          <h2>Quality Books Only</h2>
          <p>
            We make sure to only provide awesome classic books. We guarantee that the book you buy is one of the top classic books on the market.
          </p>
        </div>
      </div>
      </section>
    <section id="audio">
    <iframe 
    id="video"
    height="400" 
    src="https://www.youtube.com/embed/YKAfKprBXQc" 
    title="YouTube video player" 
    frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
    allowfullscreen>
    </iframe>
    </section>
    <section id="for_sale">
      <h2>For Sale</h2>
      <div class="product-cards">
          <div class="product-image product1"></div>
          <div class="inner-card">
          <div class="author">Dale Carnegie</div>
          <h1 class="header">How to Win Friends & Influence People</h1>
          <p class="content">
            Dale Carnegie's rock-solid, time-tested advice countless people up the ladder of success in the person lives.
          </p>
          <div class="flex">
            <p class="main-price">$16.12</p>
            <p class="old-price">$19.29</p>
          </div>
          <button class="add">
            <p style="margin-left: 5px">Add to Cart</p>
            </button>
          </div>
        </div>
        <div class="card"></div>
        <div class="card"></div>
      </div>
    </section>
   </body>
  </html>```
    
ADVERTENCIA

El código semilla del desafío y/o tu solución excedió la longitud máxima que podemos transferir del desafío.

Tendrás que dar un paso adicional aquí para que el código que escribiste se presente en un formato fácil de leer.

Por favor, copia/pega todo el código del editor que se muestra en el desafío desde el que acabas de enlazar.

```text
Reemplaza estas dos oraciones con tu código copiado.
Por favor, deja la línea ``` arriba y la línea ``` abajo,
porque permiten que tu código formatee correctamente en el post.

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

Challenge: Landing Page del producto - Construye una página de inicio de producto

Enlaza al desafío:

Check the “For Sale” link and section. The href and id do not match.

<li><a href="#for-sale" class="nav-link">For Sale</a></li>

<section id="for_sale">