Komprese flex bloků při nedostatku místa v CSS

Nechť máme tři flex-bloky, umístěné uvnitř rodiče v řadě. Každému bloku-potomkovi je nastavena šířka na 100px, a jejich rodiči - 300px:

Přidejme více bloků tak, aby celková šířka těchto bloků-potomků byla větší, než šířka jejich rodiče. V tomto případě uvidíte neočekávaný efekt - šířka bloků se zmenší tak, aby se všechny vešly do jejich rodiče, navzdory tomu, že blokům-potomkům je explicitně nastavena šířka: