Ancla - Construye una página de inicio de producto

Preformatted text`

Preformatted text

`No puedo solucionar el punto:

“Cada elemento .nav-link debe estar enlazado a su elemento correspondiente en la página de inicio (el valor que tiene el href es el id de otro elemento, por ejemplo, #footer ).”

No encuentro solucion, he probado muchos metodos, verificado las aperturas, los cierres, temas de accesibilidad aplicada y nada que me acepta.

Este es mi trabajo:

<!DOCTYPE html>
<html>
  <body>
<header id="header">
 <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" width= "200px">
 <nav id="nav-bar">
   <a class="nav-link" href="#caracteristicas">Caracteristicas</a>
   <a class="nav-link" href="#como-funciona">Como Funciona</a>
   <a class="nav-link" href="#precios">Precios</a>
   </nav>
   <form id="form" action="https://www.freecodecamp.com/email-submit">
   <h1>Obras maestras hechas a mano y hechas en casa</h1>
     <input id="email" type="email" name="email" placeholder="Ingrese su direccion de correo aqui"required>
     <input buttom id="submit" type="submit" value="Empezar" src="https://www.freecodecamp.com/email-submit"></buttom>
   </form>
  <div id="caracteristicas"></div>
      <h2>Materiales de primera calidad</h2>
      <h3>Nuestros trombones utilizan el latón más brillante que se obtiene localmente. Esto aumentará la longevidad de su compra.</h3>
      <h2>Envío rápido</h2>
      <h3>Nos aseguramos de que recibas tu trombón tan pronto como hayamos terminado de fabricarlo. También proporcionamos devoluciones gratuitas si no está satisfecho.</h3>
      <h2>Seguro de calidad</h2>
      <h3>Por cada compra que realices, nos aseguraremos de que no haya daños o fallas y revisaremos y probaremos el tono de tu instrumento.</h3> 
      <div id="como-funciona"></div>
   <video id="video" src="https://www.youtube.com/watch?v=y8Yv4pnO7qc"></video>
   <div id="precios"></div>
    <div class="product" id="tenor">
            <div class="level">Tenor Trombone</div>
            <h2>$600</h2>
            <button class="btn">Select</button>
          </div>
          <div class="product" id="bass">
            <div class="level">Bass Trombone</div>
            <h2>$900</h2>
            <button class="btn">Select</button>
          </div>
          <div class="product" id="valve">
            <div class="level">Valve Trombone</div>
            <h2>$1200</h2>
            <button class="btn">Select</button>
          </div>
<footer id="footer">
<a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#pricing">Privacidad</a>
    <a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#pricing">Terminos</a>
    <a class="nav-link" href="https://product-landing-page.freecodecamp.rocks/#pricing"Precios">Contacto</a>
    <span>Copyright 2016, Original Trombones</span>
  </footer>
</body>
</html>
<style>
  <link rel="stylesheet" href="styles.css">

please give the link to the challenge/project when you ask for help

Revisa tus etiquetas header
Recuerda que este elemento necesita una etiqueta de apertura y una etiqueta de cierre

También lo he realizado, cuando cierro la etiqueta HEADER, sigue sin acertar.
Mismo al cerrarla, se corrigen para mal otros puntos

La prueba dice:

“Cada elemento .nav-link debe estar enlazado a su elemento correspondiente en la página de inicio (el valor que tiene el href es el id de otro elemento, por ejemplo, #footer ).”

Esto quiere decir que todos los elementos que tengan class=nav-link tienen que estar enlazados a un elemento dentro de la página y también deben estar dentro de un elemento nav

En tu caso tienes elementos class=nav-link que están fuera del elemento nav y fuera del header y que no tienen enlaces dentro de la página, tendrías que eliminar la clase nav-link de esos elementos

Muchísimas gracias !!! :muscle:
Generaba confusión con Class=“nav-link” del pie de pagina.

Ahora bien, si cierro me da error, con el punto: #nav-bar debe estar en la parte superior del viewport. Si no lo cierro, me acepta el trabajo. ¿Por que será?

El header necesita la etiqueta de cierre, no puedes no ponerla.
No estoy seguro porque no marca error si no se cierra el header, pero aunque no marque error esa parte aun está mal.

El nav link tiene que tener esta funcionalidad
https://product-landing-page.freecodecamp.rocks/

El nav siempre tiene que estar posicionado en la parte superior y no desaparecer aunque bajes la página, los errores faltantes se resuelven añadiendo el codigo css

Gracias y miles de gracias :muscle: