Olá, no exercício https://cursos.alura.com.br/course/avancando-html-css/task/6236, diz:
flex-grow: 3;
flex-shrink: 1;
flex-basis: 200px;
O flex-grow e o flex-shrink não são opostos? Não entendi porque eles podem vir juntos.
Olá, no exercício https://cursos.alura.com.br/course/avancando-html-css/task/6236, diz:
flex-grow: 3;
flex-shrink: 1;
flex-basis: 200px;
O flex-grow e o flex-shrink não são opostos? Não entendi porque eles podem vir juntos.
Roger, bom dia!
Eles são não são opostos, o flex-grow
diz como aquela coluna vai crescer em relação ao outro, ou seja nesse caso crescerá 3x mais e o flex-shrink
diz o quanto irá diminuir, que nesse caso será equivalente ao mesmo que os outros elementos (se eles também estiverem com flex-shrink: 1)
Você pode ver mais sobre o assunto no nosso curso de Flexbox
Espero ter ajudado e bons estudos! Se ficar alguma dúvida só mandar! :)