Сабијање flex блокова при недостатку простора у CSS

Претпоставимо да имамо три flex-блока, распоређена унутар родитеља у ред. Сваком блоку-детету задата је ширина од 100px, а њиховом родитељу - 300px:

Хајде да додамо још блокова тако да укупна ширина ових блокова-деце буде већа од ширине њиховог родитеља. У том случају видећете неочекиван ефекат - ширина блокова ће се смањити тако да сви уђу у свог родитеља, упркос томе што је блоковима-деци експлицитно назначена ширина: