Proyectos de diseño web responsivo - Construye una página de inicio de producto

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

Cada elemento .nav-link debe enlazar a un elemento correspondiente en la página de inicio (tiene un href con un valor de id de otro elemento. ej. #footer)

Sigo sin poder resolver esta instrucción.

Porfa ayudame.

Tu código hasta el momento

  <nav id="nav-bar">
    <ul>
      <li> 
        <a class="nav-link" href="#tienda">Tienda</a>
      </li>
      <li>
        <a class="nav-link" href="#carrito">Carrito</a>
        </li>
        <li>
          <a class="nav-link" href="#soporte">Soporte</a>
          </li>
</ul>
</nav>
</section>
............

<section id="tienda">
    <h3>Tienda</h3>
   <p>Ropa unica, de todas las tallas. <strong> BBB (Bueno, Bonito y Barato).
        </p>
     </section>

<section id="cartera">
 <h3>Cartera</h3> 
  <iframe id="video" height="315" src="https://www.youtube.com/watch?v=fUiZ5vz9pUw&list=RDMMfUiZ5vz9pUw&start_radio=1" frameborder="0" allowfullscreen>...
  </iframe>
  </section>

  <section id="soporte">
    <h4>Soporte</h4> 
  
    <p>Llamanos!!</p>
</body>
</html>

Comparte el link del ejercicio y todo tu código para poder ejecutar las pruebas.

Revisa que los elementos tengan su etiqueta de cierre

Cada elemento .nav-link debe enlazar a un elemento correspondiente en la página de inicio (tiene un href con un valor de id de otro elemento. ej. #footer)

Esto quiere decir que compruebes que en cada elemento del ".nav-link " el “href” tiene el mismo valor que el “id” del elemento “section”

por ejemplo, tienes un “.nav-link” con un “href” con el valor “tienda” que concuerda con el “id” de un elemento “section”

tiene que ser igual para todos los elementos “.nav-link”

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    </head>
  <body>
    <div id="page-wrapper">
      <header id="header">
        <div class="logo">
          <img id="header-img" src="https://cdn.shopify.com/s/files/1/0552/5366/3786/files/Franklin_Marshall_d1f2f18c-4e2e-4acd-89f9-c44687038c2e.png" alt="Franklin Marshall Logo">
    </div>
  <nav id="nav-bar">
    <ul>
      <li>
        <a class="nav-link" href="#Tienda">Tienda</a>
      </li>
      <li>
        <a class="nav-link" href="#Carrito">Carrito</a>
        </li>
        <li>
          <a class="nav-link" href="#Soporte">Soporte</a>
          </li>
       </ul>
   </nav>
</header>
<div class="container">
<section id="hero">
  <h2>Inscribete y obten descuentos</h2>
  <form id="form" action="https://www.freecodecamp.com/email-submit">
  <input name="email" id="email" type="email" placeholder="Enter your email address" requerid>
  <input id="submit" type="submit" value="Get Started" class="btn">
</form>
</section>
<div class="container">
  <section id="Tienda">
          <h2>Tienda</h2>
        <p> 
          Ropa.
    </div>
  </section>
<section id="Cartera">
  <iframe id="video" height="315" src="https://www.youtube.com/watch?v=fUiZ5vz9pUw&list=RDMMfUiZ5vz9pUw&start_radio=1" frameborder="0" allowfullscreen>...
  </iframe>
  </section>
  <section id="Soporte">
<h3>Llamanos!!</h3>
</section>

Cada elemento .nav-link debe enlazar a un elemento correspondiente en la página de inicio (tiene un href con un valor de id de otro elemento. ej. #footer)

Esto quiere decir que compruebes que en cada elemento del ".nav-link " el “href” tiene el mismo valor que el “id” del elemento “section”

por ejemplo, tienes un “.nav-link” con un “href” con el valor “Tienda” que concuerda con el “id” de un elemento “section”

tiene que ser igual para todos los elementos “.nav-link”

Revisa que estés añadiendo todas las etiquetas de cierre necesarias

1 Like

Muchisimas gracias.

Ya pude resolverlo. :partying_face:

Godblessyou:)

1 Like