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

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

1 respuesta

¡Hola Omar!

Gracias por compartir tu pregunta en el curso "Flexbox: Posicione elementos en la pantalla".

En cuanto a tu código, parece que estás utilizando la propiedad "justify-content" con el valor "space-between" en el selector ".encabezado". Esto significa que los elementos dentro de ".encabezado" se distribuirán de manera uniforme a lo largo del eje principal, con espacio adicional agregado entre ellos.

Es importante tener en cuenta que esta propiedad solo funciona en elementos flexibles. Si ".encabezado" no es un elemento flexible, debes agregar la propiedad "display: flex" para que funcione.

Aquí hay un ejemplo de cómo se vería el código completo:

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

.encabezado div {
    /* Estilos para los elementos dentro de .encabezado */
}

Espero que esto te ayude a agregar espacio con Flexbox. ¡Si tienes alguna otra pregunta, no dudes en preguntar! ¡Espero haber ayudado y buenos estudios!

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