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