Página de documentación técnica - Construye una página de documentación técnica

Español HTML-CSS
1

Tu #navbar debe tener exactamente un elemento header dentro de él.

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
<title>Trabajo</title>
</head>
<body>
<main id="main-doc">
<section class="main-section" id="Titulo_1">
    <header>Titulo 1</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
      <nav id="navbar">
      <header>Titulo 1</header>
     <a href="#Titulo_1" class="nav-link">Titulo 1</a>
     </nav>
  </section>
  <section class="main-section" id="Titulo_2">
     <header>Titulo 2</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="navbar">
      <header>Titulo 2 </header>
      <a href="#Titulo_2"  class="nav-link">Titulo 2</a></nav>
  </section>
  <section class="main-section" id="Titulo_3">
     <header>Titulo 3</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="navbar">
      <header>Titulo 3 </header>
      <a href="#Titulo_3" class="nav-link">Titulo 3</a></nav>
  </section>
  <section class="main-section" id="Titulo_4">
      <header>Titulo 4</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="navbar">
      <header>Titulo 4</header>
      <a href="#Titulo_4" class="nav-link">Titulo 4</a></nav>
  </section>
  <section class="main-section" id="Titulo_5"v>
    <header>Titulo 5</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="navbar">
      <header>Titulo 5</header>
      <a href="#Titulo_5" class="nav-link">Titulo 5</a></nav>
  </section>
  </main>
  </body>
 

/* file: styles.css */
@media (max-width: 768px) {
  #main-section {
    width: 358px;
  }

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Desafío: {{challengeTitle}} Página de documentación técnica - Construye una página de documentación técnica

Enlaza al desafío:

3

// ejecutando pruebas Tu

#navbar

debe tener exactamente un elemento

header

dentro de él. // pruebas completadas

sigue saliendo lo mismo, ya probe de todo y no tengo solucion jaja

4

Hola

@ rodri1

Tienes un error de estructura en tu codigo, ya que tienes 5 elementos nav y todos tienen el mismo id, cada id debe ser unico en el codigo, y en este caso solo debes de tener un elemento nav

elimina los otros 4 y esa prueba pasara, pero te saldran nuevos errores, por lo que te comente de la estructura.

saludos

5

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
Todos tus elementos .nav-link deben estar en el #navbar .
al poner el id en navbar me salta el otro error del header debe estar dentro de el nav y si saco los id de los nav me salta el error del nav-link

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
<title>Trabajo</title>
</head>
<body>
<main id="main-doc">
  <section class="main-section" id="Titulo_1">
    <header>Titulo 1</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="navbar">
      <header>Titulo 1 </header>
     <a href="#Titulo_1" class="nav-link">Titulo 1</a></nav>
  </section>
  <section class="main-section" id="Titulo_2">
     <header>Titulo 2</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="">
      <header>Titulo 2 </header>
      <a href="#Titulo_2"  class="nav-link">Titulo 2</a></nav>
  </section>
  <section class="main-section" id="Titulo_3">
     <header>Titulo 3</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="">
      <header>Titulo 3 </header>
      <a href="#Titulo_3" class="nav-link">Titulo 3</a></nav>
  </section>
  <section class="main-section" id="Titulo_4">
      <header>Titulo 4</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="">
      <header>Titulo 4</header>
      <a href="#Titulo_4" class="nav-link">Titulo 4</a></nav>
  </section>
  <section class="main-section" id="Titulo_5"v>
    <header>Titulo 5</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    <nav id="">
      <header>Titulo 5</header>
      <a href="#Titulo_5" class="nav-link">Titulo 5</a></nav>
  </section>
  </main>
  </body>
 

/* file: styles.css */
@media (max-width: 768px) {
  #main-section {
    width: 358px;
  }

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Página de documentación técnica - Construye una página de documentación técnica

Enlaza al desafío:

6

@rodri1 Please do not create duplicate topics for the same challenge. I have merged your threads.

Just to reiterate

  1. You are supposed to have one nav with the links to the sections.

  2. id values should be unique, you should not use the same id on more than one element, id="navbar" should be on one element and no more. Fixing that will fail the test related to #1

  3. You didn’t close } the media query in the CSS you have posted.

7

Hola

@ rodri1

No eliminaste los nav solo les cambiaste el id por uno vacio, la prueba que ahora te falla se debe a que por ejemplo, el siguiente nav-link ya no se encuentra dentro de navbar , esta dentro de un nav con id vacio:

<a href="#Titulo_2" class="nav-link">Titulo 2</a>

Lo mismo pasa con los otros 3.

Para solucionarlo, mueve todos los nav-link dentro del nav con id navbar

saludos