Gostaria de saber porque as imagens ficaram com tamanhos diferentes, apenas colocando flex-grow: 1 e flex-grow: 2
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