Stiskanje flex blokov pri pomanjkanju prostora v CSS

Recimo, da imamo tri fleksibilne bloke, razporejene v starševskem elementu v vrsto. Vsakemu podrejenemu bloku je določena širina 100px, njihovemu staršu pa - 300px:

Dodajmo več blokov tako, da bo skupna širina teh podrejenih blokov večja od širine njihovega starša. V tem primeru boste videli nepričakovan učinek - širina blokov se bo zmanjšala tako, da se bodo vsi prilegali v svojega starša, kljub temu, da je podrejenim blokom eksplicitno določena širina: