Komprimering af flex-blokke ved pladsmangel i CSS

Lad os sige, at vi har tre flex-blokke, placeret inde i en forælder i en række. Hver barn-blok har en bredde på 100px, og deres forælder - 300px:

Lad os tilføje flere blokke, således at den samlede bredde af disse barn-blokke er større end bredden af deres forælder. I dette tilfælde vil du se en uventet effekt - blokkenes bredde vil blive reduceret, så de alle kan passe ind i deres forælder, på trods af at barn-blokkene har en eksplicit angivet bredde: