.item-1 {
background-color: #d34f26;
flex-shrink: 1;
}
.item-2 {
background-color: #68b6e2;
flex-shrink: 5;
}
.item-3 {
background-color: red;
flex-shrink: 5;
}
.item-4 {
background-color: rgb(0, 217, 255);
flex-shrink: 1;
}
Oi, Guilherme! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.
Seu uso do **flex-shrink** tá correto e ficou bem distribuído entre os itens. Dá pra ver que você entendeu como controlar o encolhimento relativo dos elementos quando o espaço é reduzido no contêiner.
flex-shrink e Flexbox:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!