Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

¿Cómo podemos hacer para que el menú se ponga al lado derecho y el logo al lado izquierdo?

Respondiendo a la pregunta , se le daría la propiedad flex a la clase encabezado y automáticamente los elementos hijos se colocan juntos de manera horizontal :

  • Item 1 del menu
  • Item 2 del menu
  • Item 3 del menu
  • Item 4 del menu
1 respuesta

¡Hola Edison!

Para colocar el logo a la izquierda y el menú a la derecha, puedes utilizar la propiedad "justify-content" en la clase "encabezado". Esta propiedad te permite alinear los elementos en el eje horizontal. En este caso, puedes utilizar el valor "space-between" para que los elementos se distribuyan a lo largo del eje horizontal, dejando el logo a la izquierda y el menú a la derecha.

Aquí te dejo el código CSS que puedes utilizar:

.encabezado { display: flex; justify-content: space-between; }

De esta manera, los elementos hijos de la clase "encabezado" se colocarán juntos de manera horizontal y el logo se colocará a la izquierda y el menú a la derecha.

Espero que esto te sea de ayuda. ¡Buenos estudios!

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