Influência da ganância dos elementos na compressão de blocos flex em CSS
Vamos agora observar a influência da ganância.
Vamos remover a largura de todos os elementos filhos e definir
flex-grow como 1 para eles,
e para o segundo filho - como 3.
Como resultado, o segundo bloco será
3 vezes maior que os demais.
No entanto, se a janela for comprimida o suficiente,
o segundo bloco não será mais 3 vezes maior que os outros
- sob compressão forte, a diferença
desaparece. Veja por si mesmo, brincando
com o exemplo abaixo, expandindo e contraindo
a janela do navegador:
Repita o exemplo da parte teórica conforme o modelo.
