Si todos los elementos se definen como 1 y uno se define como 2, el elemento más grande ocupará el espacio de dos elementos «1».

flex-shrink

El valor predeterminado para cualquier elemento es 1.

Si todos los elementos se definen como 1 y uno se define como 3, el elemento más grande se reducirá 3 veces más que los otros. Cuando hay menos espacio disponible, ocupará 3 veces menos espacio.

flex-basis

Si se establece en auto, dimensiona un elemento según su ancho o altura, y agrega espacio adicional según la propiedad flex-grow.

Si se establece en 0, no agrega ningún espacio adicional para el elemento al calcular el diseño.

Si especificas un valor de número de píxel, se usará como el valor de longitud (ancho o altura dependiendo si es un elemento de fila o columna)

flex

Esta propiedad combina las 3 propiedades anteriores:

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

y proporciona una sintaxis abreviada: flex: 0 1 auto