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

Español HTML-CSS
1

Cuéntanos qué está pasando:
ayuda porfavor, me sigue mostrando el error de que debo tener esto Tu #navbar debe tener exactamente un elemento header dentro de él.

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html></html>
<head><title></title></head>
<link rel="stylesheet" href="styles.css">
<body>
  <main id="main-doc">
   <section class="main-section" id="1" >
    <header>1</header>
     <p></p>
     <p></p>
     <code></code>
     <li></li>
     <nav id="navbar"> <header> 1 </header> <a class="nav-link" href="#1"> 1 </a></nav>
       </section>
<section class="main-section" id="2">
  <header>2</header>
   <p></p>
   <p></p>
   <code></code>
   <li></li>
   <nav id="navbar"> <header> 2 </header> <a class="nav-link" href="#2">2</a></nav>
</section>

<section class="main-section" id="3">
  <header> 3 </header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  <nav id="navbar"> <header> 3 </header> <a class="nav-link" href="#3">3</a></nav>
  </section>

<section class="main-section" id="4">
  <header>4</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  <nav id="navbar"> <header>4</header> <a class="nav-link" href="#4">4</a></nav>
    </section>

<section class="main-section" id="5">
  <header>5</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  <nav id="navbar"> <header>5</header> <a class="nav-link" href="#5">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/110.0.0.0 Safari/537.36 Edg/110.0.1587.57

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

Enlaza al desafío:

2

¡Hola!

@ sazameloleydiconstan

Lo primero que te comento es que antes de esta linea:

<main id="main-doc">

Debes tener el area de navegacion que se menciona en el punto 8, que seria algo asi:

<nav id="navbar">
   <!--  contenido nav  -->
</nav>
<main id="main-doc">
   <!--  contenido main  -->
</main>

Despues de lo anterior debes mover todos los enlaces como este dentro de nav

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

Por ultimo elimina todas las lineas que contenian a los enlaces que moviste en el paso anterior, son como esta

<nav id="navbar"> <header> 3 </header> <a class="nav-link" href="#3">3</a></nav>

Con lo anterior corregiras el codigo que tiene actualmente, si despues de eso tienes nuevas dudas publicalas e intentare ayudarte.

saludos