Par défaut, les éléments flex restent sur une seule ligne et peuvent déborder ou rétrécir. flex-wrap: wrap autorise le retour à la ligne quand l'espace manque, créant plusieurs lignes flex. Combiné avec gap et flex-basis, il produit des grilles de cartes adaptatives.
Exemple
ul { display: flex; flex-wrap: wrap; gap: 1rem; }