Influencia de la avaricia de los elementos en la compresión de bloques flex en CSS

Ahora veamos la influencia de la avaricia. Quitemos el ancho a todos los elementos hijos y establezcamos flex-grow en 1 para los elementos hijos, y para el segundo hijo - en 3. Como resultado, el segundo bloque será 3 veces más grande que los demás.

Sin embargo, si comprimimos la ventana lo suficiente, entonces el segundo bloque ya no será más grande que los demás en 3 veces - con una compresión fuerte, la diferencia se desvanece. Compruébalo tú mismo, jugando con el siguiente ejemplo, expandiendo y contrayendo la ventana del navegador: