poniendo el logo del lado izquierdo y el menú del lado derecho
.encabezado { display: flex; justify-content: space-between; }
poniendo el logo del lado izquierdo y el menú del lado derecho
.encabezado { display: flex; justify-content: space-between; }
¡Hola César!
Para lograr que el logo esté en el lado izquierdo y el menú en el lado derecho utilizando Flexbox, puedes utilizar la propiedad justify-content: space-between; en el contenedor .encabezado. Esto hará que los elementos se distribuyan de manera equitativa a lo largo del eje principal, dejando un espacio en blanco entre ellos.
Aquí tienes un ejemplo de cómo podrías aplicarlo:
.encabezado {
display: flex;
justify-content: space-between;
}
Con este código, el logo estará alineado a la izquierda y el menú estará alineado a la derecha, con un espacio en blanco entre ellos.
Espero que esta respuesta resuelva tu duda. ¡Si tienes alguna otra pregunta, no dudes en preguntar! ¡Espero haber ayudado y buenos estudios!