¿Para qué sirve justificar-content?
Sirve para definir la alineación o distribución de los hijos de un elemento padre que tenga display flex
Aquí te presento las principales valores más usados en el desarrollo web para que los aproveches al máximo:
-
flex-start: Sirve para alinear todos los elementos juntos hacia el lado del inicio del espacio disponible, a la izquierda.

-
flex-end: Sirve para alinear todos los elementos juntos hacia el final del espacio disponible, a la derecha.

-
center: Sirve para alinear todos los elementos juntos al centro del espacio disponible.

-
space-between: Sirve para distribuir los elementos con un espacio proporcional e igual entre ellos. Excepto el lado izquierdo del primer elemento y el lado derecho del ultimo elemento.

-
space-evenly: Sirve para distribuir los elementos con el mismo espacio proporcional entre ellos (incluyendo el primer y último elementos con respecto a los extremos del espacio disponible).

-
space-around: Funciona parecido a space-evenly. la diferencia radica en el espacio interno del primer elemento y en el espacio derecho del último elemento, estos espacios son la mitad del espacio usado entre los elementos del interior.

Curso de Desarrollo Web Online
COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE



