Signification de la valeur stretch de la propriété align-items en CSS

La propriété align-items a par défaut la valeur stretch. Cette valeur étire les éléments sur toute la largeur le long de l'axe transversal. Elle ne fonctionne que dans le cas où la taille des éléments n'est pas définie dans la direction de l'axe transversal. Par exemple, si l'axe transversal est dirigé vers le bas et que la hauteur des éléments n'est pas définie, nous verrons un effet comme ceci :

Et si l'axe transversal est dirigé vers la droite et que la largeur des éléments n'est pas définie, alors nous verrons un effet comme ceci :