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

Español HTML-CSS
1

HOLA, COMO ESTAN?

ME ESTAN FALTANDO ESTOS 2 PUNTOS DE ESTE PROYECTO:

  • Tu #navbar siempre debe estar en el borde izquierdo de la ventana.

  • Falló:Tu proyecto de documentación técnica debe usar al menos una media query.

APROVECHO PARA CONSULTAR, COMO UBICO LA PARTE DEL NAVBAR A LA IZQUIERDA Y QUE ESTE DIVIDIDO POR UN NAVEGADOR? GRACIAS.

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Pagina de documentacion tecnica</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css">
  </head>

  <body>

    <main id="main-doc">

      
        <nav id="navbar">

          <header>Cosas del mundo IT</header>
          <ul>

          <li><a class="nav-link" href="#que_es_javascript">que es javascript</a></li>

          <li><a class="nav-link" href="#que_es_programar">que es programar</a></li>

          <li><a class="nav-link"href="#que_son_los_idiomas_de_programacion">que son los idiomas de programacion</a></li>

          <li><a class="nav-link" href="#backend_y_frontend">backend y frontend</a></li>

          <li><a class="nav-link"href="#ciencia_de_datos">ciencia de datos</a></li>
        </ul>
         
          </nav>

      <section class="main-section" id="que_es_javascript">
        <header >que es javascript</header>
        <p></p>
        <ul>
  <li>*aca va contenido*</li>
  
</ul>
        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>

<code></code>
         

        </section>

      <section class="main-section" id="que_es_programar">
        <header >que es programar</header>

        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>
        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>

<code></code>

        </section>

      <section class="main-section" id="que_son_los_idiomas_de_programacion">
        <header >que son los idiomas de programacion</header>

        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>
        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>

<code></code>

        </section>


      <section class="main-section" id="backend_y_frontend">
        <header >backend y frontend</header>

        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>
        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>

<code></code>

        </section>

      <section class="main-section" id="ciencia_de_datos">
        <header >ciencia de datos</header>

        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>
        <p></p>
               <ul>
  <li>*aca va contenido*</li>
  
</ul>

<code></code>


        </section>




      </main>
    </body>

/* file: styles.css */
html, body{
  display: block;
  line-height: 1.5;
}


body{
  font-family: 'Comic Sans MS', cursive;
  color: #0a0a29;
  margin: 0;
  display: block;
}

header{
  background: #f0f0f0;
  text-align: center;
  padding: 10px;

}

main{
  padding: 20px;
}

Your browser information:

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

Challenge Information:

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