Comprimarea blocurilor flex atunci când spațiul este insuficient în CSS

Să presupunem că avem trei blocuri flex, aranjate în interiorul părintelui într-un rând. Fiecărui bloc-copil îi este atribuită o lățime de 100px, iar părintelui lor - 300px:

Să adăugăm mai multe blocuri, astfel încât lățimea totală a acestor blocuri-copii să fie mai mare decât lățimea părintelui lor. În acest caz, veți observa un efect neașteptat - lățimea blocurilor va scădea astfel încât să încapă toate în părintele lor, în ciuda faptului că blocurilor-copii le este specificată în mod explicit lățimea: