1) Quando a largura da tela chega a 800 px, os elementos mantém 200 px de largura cada um preenchendo todo o espaço da tela, porém, o que acontece com a largura dos flexItem quando diminuímos a tela para por exemplo 600 px.
Os elementos ficam com 150px, pois por padrão o flex-grow de um elemento é 1, o que faz com que todos os elementos possuam um ajuste de tamanho igual.
2) O que acontece com a largura deles também quando aplicamos o seguinte CSS no nosso código?
O tamanho do primeiro elemento é reduzido. Ele terá o tamanho de 1/5 da tela total enquanto que os outros terão 1/3 do espaço restante
