Compressão de blocos flex quando não há espaço suficiente em CSS
Suponha que temos três blocos flex, dispostos
em linha dentro de um elemento pai. A cada bloco filho
é dada uma largura de 100px, e ao seu pai
- 300px:
Vamos adicionar mais blocos de modo que a largura total desses blocos filhos seja maior que a largura do seu elemento pai. Neste caso, você verá um efeito inesperado - a largura dos blocos será reduzida para que todos caibam no seu elemento pai, apesar de a largura ter sido explicitamente definida para os blocos filhos:
Repita conforme o exemplo da parte teórica.