Kompresia flex blokov pri nedostatku miesta v CSS

Majme tri flex bloky, usporiadané vnútri rodiča v rade. Každému bloku-potomkovi je nastavená šírka na 100px, a ich rodičovi - 300px:

Pridajme viac blokov tak, aby celková šírka týchto blokov-potomkov bola väčšia ako šírka ich rodiča. V tomto prípade uvidíte neočakávaný efekt - šírka blokov sa zmenší tak, aby sa všetky zmestili do ich rodiča, napriek tomu, že blokom-potomkom je explicitne nastavená šírka: