Influenza della larghezza del genitore in percentuale sulla compressione dei blocchi flex in CSS

Supponiamo ora di avere cinque elementi flex, disposti in una riga. Assegniamo al genitore una larghezza in percentuale, e a tutti i discendenti impostiamo una larghezza di 100px.

Apri l'esempio qui sotto e riduci la finestra del browser in modo che gli elementi non entrino più nel genitore. Per fare ciò, la finestra deve essere ridotta a meno di 500px, poiché abbiamo 5 elementi ciascuno da 100px. Come già saprai, con tale compressione il browser forzatamente ridurrà la larghezza degli elementi a meno di 100px in modo che possano entrare nel genitore. Quindi, ecco l'esempio: