Justify content

Attribuez à  l'id flexstart une propriété justify-content avec une valeur flex-start.

Attribuez à  l'id center une propriété justify-content avec une valeur center.

Attribuez à  l'id spacearound une propriété justify-content avec une valeur space-around.

Attribuez à l'élément <div> avec l'id spacebetween une propriété justify-content avec une valeur space-between.

Align item

Attribuez à  l'id flexstart une propriété align-items avec la valeur flex-start.

Attribuez à  l'id flexend une propriété align-items avec la valeur flex-end.

Attribuez à  l'id center une propriété align-items avec la valeur center.

Attribuez à l'id baseline une propriété align-items avec la valeur baseline.

Align content

A l'intérieur de #flexstart ajoutez une propriété align-content  pour positionner les lignes d'éléments en haut du conteneur parent.

A l'intérieur du #flexend ajoutez une propriété align-content  pour positionner les lignes d'éléments au bas du conteneur parent.

A l'intérieur du #center ajoutez une propriété align-content pour positionner les lignes d'éléments au centre du conteneur parent.

A l'intérieur de #between ajoutez une propriété align-content pour espacer uniformément toutes les lignes d'éléments avec un espace égal entre chaque ligne.

A l'intérieur du #around ajoutez une propriété align-content pour espacer uniformément toutes les lignes d'éléments avec un espace égal autour de chaque ligne.

Flex Direction

A l'intérieur du #rowjeu ajoutez une propriété flex-direction avec une valeur row.

Dans #row-reverse, ajoutez une propriété flex-direction avec une valeur row-reverse.

Dans #column ajoutez une propriété flex-direction avec une valeur column

Dans #column-reverse ajoutez une propriété flex-direction avec une valeur de column-reverse.

Modifiez la propriété height des éléments .container en max-height.

Dans .container ajoutez une propriété align-items avec une valeur center.

Dans .container ajoutez une propriété justify-content avec une valeur de space-around.