Solucionado
<header class="encabezado">
<a class="logo" href="#">
<img src="img/logo.png">
</a>
<ul class="menu">
<li class="menu-item">Item 1 del menu</li>
<li class="menu-item">Item 2 del menu</li>
<li class="menu-item">Item 3 del menu</li>
<li class="menu-item">Item 4 del menu</li>
</ul>
</header>.encabezado{
display: flex;
justify-content: space-between;
}
.encabezado .menu{
display: flex;
gap: 40px;
}
¡Hola Jairo!
Gracias por compartir tu código con nosotros. En tu código, estás utilizando Flexbox para posicionar los elementos en la pantalla y has agregado espacio entre los elementos del menú utilizando la propiedad gap. Esta es una excelente manera de agregar espacio entre elementos en Flexbox.
Otra forma de agregar espacio entre los elementos del menú es utilizando la propiedad margin. Por ejemplo, si deseas agregar un margen de 10 píxeles entre los elementos del menú, puedes agregar la siguiente regla CSS:
.encabezado .menu-item {
margin-right: 10px;
}Esto agregará un margen de 10 píxeles a la derecha de cada elemento del menú, excepto para el último elemento.
Espero que esto te sea útil. ¡Buenos estudios!