Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

Error en el css: header {display: flex}

Hola a todos

Quería consultar sobre la causa del error en la alineación en el header de mi página.

El navegador no se alinea a la derecha de la página con respecto al logo.

A continuación, copio el código del css

header {
    align-items : center;
    background : #f9f9f9;
    display: flex;
    justify - content : space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    }

header nav ul {
    display: flex;
    }

header nav ul li {
    list-style: none;
    }

header nav ul li a {
    color: #808080;
    margin-right: 1.25rem;
    text-decoration: none;
    text-transform: lowercase;
    }

header nav ul li a#activo {
    color: #333333;
    font-weight: bold;
    }

header nav ul li a:hover {
    text-decoration: underline;
}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

3 respuestas
solución!

Hola Renzo, como estás?

Estuve revisando el vídeo y también a tu código, te pido que revise tu línea de código 4 en el header

    justify - content : space-between;

Creo que tiene más espacios do que se lo necesita en la línea.

Espero haberte ayudado! (Si aún necesitar ayuda, te pido por favor que comparta también tu código HTML para que podamos pruebar).

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

Hola Evelyn

Ese era el error y no lo había notado. Ya lo solucioné!

Muchas gracias por tu ayuda!

Excelente Renzo, estoy muy feliz de haberte ayudado!

Suerte con tus estúdios =)