L'influenza dell'avidità degli elementi sulla compressione dei blocchi flex in CSS

Ora osserviamo l'influenza dell'avidità. Rimuoviamo la larghezza a tutti i discendenti e impostiamo flex-grow a 1 per i discendenti, e per il secondo discendente - a 3. Di conseguenza, il secondo blocco sarà 3 volte più grande degli altri.

Tuttavia, se la finestra viene compressa abbastanza forte, allora il secondo blocco non sarà più grande degli altri di 3 volte - con una compressione forte la differenza si cancella. Verificalo tu stesso, giocando con l'esempio qui sotto, espandendo e restringendo la finestra del browser: