Gostaria de saber em qual momento há a relevância de utilizar o flex-shrink: 0. Poderiam me fornecer um exemplo?
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!
Solucionado
Gostaria de saber em qual momento há a relevância de utilizar o flex-shrink: 0. Poderiam me fornecer um exemplo?
Olá Dafany, tudo bem?
Primeiramente, peço desculpas pela demora em responder.
Vamos ao exemplo!
Vamos supor que temos um flex-container com 3 imagens (flex-items), sendo que uma tem o tamanho maior do que as outras duas e a nossa intenção é fazer um rolagem horizontal para podermos visualizar cada imagem em uma única linha.
Por padrão, essa imagem maior irá encolher para caber em seu container pai, como nossa intenção é mantermos o seu tamanho original, nós utilizamos nela o flex-shrink: 0 e consequentemente os outros 2 itens com flex-shrink: 1. Dessa forma, para que a imagem maior caiba, os outros 2 itens estouram o container e sem fazer o wrap. Veja no esquema abaixo:
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar! Bons estudos!