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?

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

1 respuesta

¡Hola Alejandra!

Para colocar el menú a la derecha y el logo a la izquierda, puedes hacer lo siguiente:

  1. Agrega una clase al contenedor del logo y del menú, por ejemplo "contenedor-logo-menu".

  2. Dentro de "contenedor-logo-menu", crea dos elementos: uno para el logo y otro para el menú.

  3. Aplica las siguientes propiedades CSS a "contenedor-logo-menu":

.contenedor-logo-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
  1. Aplica las siguientes propiedades CSS al logo:
.logo {
  order: 1;
}
  1. Aplica las siguientes propiedades CSS al menú:
.menu {
  order: 2;
}

De esta manera, el logo se colocará a la izquierda y el menú a la derecha.

Espero que esto te ayude a resolver tu duda. ¡Buenos estudios!

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