Gostaria de saber porque as imagens ficaram com tamanhos diferentes, apenas colocando flex-grow: 1 e flex-grow: 2
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostaria de saber porque as imagens ficaram com tamanhos diferentes, apenas colocando flex-grow: 1 e flex-grow: 2
Basicamente os valores do parâmetro do Flex-Grow além de se adaptar ao tamanho do display ainda se correlacionam proporcionalmente. Ou seja, se vc tiver dois seletores com o Flex-Grow aplicado, o número passado por parâmetro em um se adequa em relação ao segundo. Uma boa dica é olhar o MDN https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow dá para ler esse artigo em espanhol ou inglês