flex-wrap: wrap;

justify-content: center;

align-items: center;

align-content: space-evenly;

1
2
3
4
5
6
7
8

A partir du moment où l'on passe la propriété flex-wrap à wrap on autorise le passage à la ligne d'un ou plusieurs flex-items. On se retrouve donc avec plusieurs lignes de flex-items et dès cet instant on a besoin de la propriété align-content pour gérer la position de ces lignes.