Influência da largura do pai em porcentagem na compressão de blocos flex em CSS

Suponha que agora temos cinco elementos flex, dispostos em linha. Vamos definir a largura do elemento pai em porcentagem e definir a largura de todos os descendentes como 100px.

Abra o exemplo abaixo e reduza a janela do navegador para que os elementos não caibam mais no elemento pai. Para isso, a janela precisa ser comprimida para menos de 500px, pois temos 5 elementos, cada um com 100px. Como você já sabe, sob tal compressão, o navegador forçará a redução da largura dos elementos para menos de 100px para que eles caibam no elemento pai. Então, aqui está o exemplo: