fbpx

Proyecto 2 – Margen de menú de navegación

  • Proyecto 2 – Margen de menú de navegación

    Posted by Josue Leal on 28 junio, 2023 en 8:14 pm

    Tengo un problema con el segundo proyecto, en el ejemplo del video al ponerle ‘margin: auto’ al elemento ‘nav’, este obtiene un margen y se posiciona más hacia el centro de la barra de navegación, pero cuando le agrego esa propiedad de estilo no pasa nada.

    Les dejo una imagen y mi código, ¡gracias!

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>

    Azul Web - En Suecia las escuelas enseñaran nociones de programación

    desde el primer grado.

    </title>

    <link

    rel="stylesheet"

    href="css/

    styles.css"

    />

    </head>

    <body>

    <section id="navegador">

    <nav>

    • Tecnología
    • Ciencia
    • Educación
    • <div>Logo</div>

      </nav>

      </section>

      <section id="contenedor"></section>

      <section id="footer"></section>

      </body>

      </html>


      ----------------------------------

      * {

      margin: 0px;

      padding: 0px;

      font-family: arial, sans-serif;

      }

      #navegador {

      background: #3b3b3b;

      color: #ffffff;

      padding-top: 10px;

      padding-bottom: 10px;

      }

      nav {

      max-width: 1100px;

      margin: auto;

      }

      nav ul {

      display: flex;

      }

      nav li {

      background: #7e7e7e;

      padding: 5px;

      height: 20px;

      list-style: none;

      margin-right: 10px;

      }

      Angel Sánchez respondido 9 meses, 3 semanas 2 Miembros · 1 Responde
    • 1 Responde
    • Angel Sánchez

      organizador
      29 junio, 2023 en 7:29 am

      Hola Josue, trata de darle un ancho del 100% al contenedor padre de ese nav, para que tenga una referencia. SI no te funciona sube aquí tu proyecto en un .zip o .rar y lo checo 😀

    Inicia sesión para responder.

    Start of Discussion
    0 de 0 respuestas Junio 2018
    Ahora