Influencia del ancho del padre en porcentaje sobre la compresión de bloques flex en CSS

Supongamos que ahora tenemos cinco elementos flex, dispuestos en una fila. Establezcamos el ancho del elemento padre en porcentaje, y a todos los elementos hijos asignémosles un ancho de 100px.

Abre el ejemplo ubicado abajo y reduce el tamaño de la ventana del navegador para que los elementos dejen de caber en el elemento padre. Para ello, la ventana debe comprimirse a menos de 500px, ya que tenemos 5 elementos de 100px cada uno. Como ya sabes, con tal compresión el navegador forzará la reducción del ancho de los elementos a menos de 100px para que quepan en el elemento padre. Entonces, he aquí el ejemplo: