Компресија на flex блокови при недостаток на простор во CSS

Нека имаме три флекс-блока, распоредени внатре во родителот во ред. На секој блок-потомок е зададена ширина од 100px, а на нивниот родител - 300px:

Ајде да додадеме повеќе блокови така што вкупната ширина на овие блокови-потомци ќе биде поголема од ширината на нивниот родител. Во овој случај ќе видите неочекуван ефект - ширината на блоковите ќе се намали така што сите ќе се вклопат во нивниот родител, и покрај тоа што на блоковите-потомци е експлицитно зададена ширина: