Flex-flow :
C’est une super propriété qui regroupe (dans l’ordre) les propriétés « flex-direction » et « flex-wrap ».
Align-content :
Fonctionne comme « justify-content » mais sur un axe verticale. /!\ Cette propriété ne fonctionne que si il y a plusieurs éléments et qu’il y a un retour à la ligne (provoqué par « flex-wrap »).
Flex-grow :
Elle sert à définir l’augmentation la taille d’un élément en fonction de l’espace restant. Ex = flex-grow: 2, qui veut dire que l’élément sera 2 fois plus grand par rapport à l’espace restant. Cette propriété fait prendre tout l’espace aux éléments.
Flex-shrink :
Cette propriété produit l’effet inverse de la propriété « flex-grow ». C’est-à-dire que la taille de l’élément sera diminué en fonction de l’espace restant, proportionnellement à la valeur attribué.
Flex-basis :
Sert à déterminer la taille de l’espace à partir de laquelle sera calculé « flex-grow » et « flex-shrink ».
Flex :
C’est une super propriété qui regroupe (dans l’ordre) « flex-grow », « flex-shrink » et « flex-basis ».
Align-self :
Sert à positionner un élément indépendamment des autres. Valeurs : flex-end, flex-star.