Ściskanie bloków flex przy braku miejsca w CSS

Załóżmy, że mamy trzy bloki flex ułożone wewnątrz rodzica w rzędzie. Każdemu blokowi-dziecku ustawiono szerokość na 100px, a ich rodzicowi - 300px:

Dodajmy więcej bloków tak, aby łączna szerokość tych bloków-dzieci była większa niż szerokość ich rodzica. W tym przypadku zobaczysz nieoczekiwany efekt - szerokość bloków zmniejszy się tak, aby wszystkie zmieściły się w ich rodzicu, pomimo tego, że blokom-dzieciom jawnie ustawiono szerokość: