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

Agregando espacio con Flexbox

Teniendo en HTML esto:

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

La solución que plantearía para que el menú se ponga al lado derecho y el logo al lado izquierdo, sería:

.encabezado {

display: flex;
justify-content: space-between;

}

1 respuesta

¡Hola Margarita!

Gracias por compartir tu pregunta con nosotros. En cuanto a tu duda, la solución que planteas es correcta. Al utilizar la propiedad "justify-content" con el valor "space-between" en el contenedor ".encabezado", lograrás que los elementos dentro de este contenedor se distribuyan de manera equitativa en el eje horizontal, dejando un espacio en blanco entre ellos.

De esta forma, el logo se ubicará en el extremo izquierdo y el menú en el extremo derecho. Es importante mencionar que esta solución solo funciona si el ancho del contenedor ".encabezado" es suficiente para contener ambos elementos.

Espero haber resuelto tu duda. ¡Buenos estudios!

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