.encabezado .logo { display: flex; justify-content: space-between; }
.menu { display: flex; }
.encabezado .logo { display: flex; justify-content: space-between; }
.menu { display: flex; }
¡Hola Emiro!
Por lo que veo en tu código, estás utilizando la propiedad "justify-content" con el valor "space-between" en el elemento con la clase ".encabezado .logo". Esto hará que los elementos dentro de ese contenedor se distribuyan en el espacio disponible, dejando un espacio en blanco entre ellos.
En cuanto al elemento con la clase ".menu", también lo estás convirtiendo en un contenedor flexible, pero no estás utilizando ninguna propiedad para agregar espacio entre los elementos.
Para agregar espacio entre los elementos dentro del contenedor con la clase ".menu", puedes utilizar la propiedad "justify-content" con el valor "space-around" o "space-evenly", dependiendo de cómo quieras que se distribuyan los elementos.
Aquí te dejo un ejemplo de cómo podrías modificar tu código:
.encabezado .logo { display: flex; justify-content: space-between; }
.menu { display: flex; justify-content: space-around; /* o space-evenly */ }
Espero que esto te ayude a resolver tu duda. ¡Buenos estudios!
Hola Rafaela, Muchas gracias por tu explicación, es muy valiosa. Saludos