Propiedades aplicadas a los ítems flex


Para obtener más control sobre los ítems flex podemos apuntarlos directamente. Hacemos esto a través de tres propiedades:

  • flex-grow
  • flex-shrink
  • flex-basis

Daremos un breve vistazo a estas propiedades en este resumen, y en un próximo artículo ahondaremos sobre su comportamiento.

Si tenemos tres ítems con un ancho de 100 pixeles en un contenedor de 500 pixeles de ancho,
entonces el espacio que se necesita para colocar nuestros ítems es de 300 pixeles.
Esto deja 200 pixeles de espacio disponible. Si no cambiamos los valores iniciales
entonces flexbox colocará ese espacio después del último ítem.

basics7

Daremos un breve vistazo a estas propiedades en este resumen, y en un próximo artículo ahondaremos sobre su comportamiento.