1.1 KiB
title | localeTitle |
---|---|
Align Elements Using the justify-content Property | Alinear elementos usando la propiedad justify-content |
Alinear elementos usando la propiedad justify-content
Como se indica en el desafío, para superarlo, debe establecer el justify-content
en el centro. Sin embargo, el objetivo del desafío es experimentar y ver cómo las diferentes opciones afectan el contenido.
center
: asegurará que los elementos secundarios estén centrados en el contenedor principal.
flex-start
: empujará todo hacia el lado izquierdo.
flex-end
: empujará todo hacia el lado derecho.
space-between
: empujará los primeros y últimos elementos a la izquierda y la derecha respectivamente y agregará un espacio par entre ellos. Si tiene un número impar de elementos, los agregará al centro y continuará presionando hacia la izquierda y hacia la derecha según el orden.
space-around
: hará un espacio similar al espacio intermedio, pero habrá un espacio igual alrededor de los elementos, por lo que el primero y el último no estarán directamente en el borde.