Compressione dei blocchi flex in caso di spazio insufficiente in CSS

Supponiamo di avere tre blocchi flex, disposti in riga all'interno di un genitore. A ogni blocco figlio è stata assegnata una larghezza di 100px, e al loro genitore - 300px:

Aggiungiamo più blocchi in modo che la larghezza totale di questi blocchi figli sia maggiore della larghezza del loro genitore. In questo caso vedrete un effetto inaspettato - la larghezza dei blocchi diminuirà in modo che tutti entrino nel loro genitore, nonostante ai blocchi figli sia stata impostata esplicitamente una larghezza: