- w3.org/TR/CSS3-flexbox/#flex-property
La propriété flex est un shorthand pour trois propriétés :
- flew grow
- flex shrink
- flesh basis
Ces propriétés sont utilisés pour définir la taille d'un élément flex en relation avec les autres éléments flex ainsi que comment s'étendre ou se réduire.
flex-grow
flex-grow:<number>;
La valeur représente combien l'élément flex va grossier en relation avec le reste des flex items dans le conteneur une fois que l'espace disponible a été distribuée. Si ignorée, la valeur par défaut est 1.
flex: none|<flex-grow> <flex-shrink|| <flex-basis>;
flex-basis
flex-basis:auto|<width>;
Représente la taille principale initiale d'un élément flex, avant que l'espace disponible ne soit distribué. Si omis, sa valeur par défaut est 0. Valeur en pixel, pourcentage ou autre.
La plupart du temps, vous n'utiliserez pas toutes les valeurs. souvent limité à flex-grow parfois complété de flex-basis.