Flexbox

Comprendre le principe de flexibilité des boîtes

Rendre plusieurs éléments flexibles

Tous les "li" ont un flex-grow de 0 (ils se limitent donc à leur contenu) sauf le deuxième et le quatrième qui ont un flex-grow de 1 (ils occupent donc l'espace restant de manière équitable).
Les éléments 2 et 4 se partagent l'espace restant du ul (en fonction de l'espace disponible), les autres se limitent à leur contenu.

Exemple 04