flex-shrink e flex-grow

Por padrão eles possuem essa propriedade:

    Com o valor 1 (ou qualquer valor diferente de zero e positivo ), significa que pode encolher.
    
        flex-shrink: 1;

    Com o valor 0, significa que não pode crescer.
    
        flex-grow: 0;
A
B
C

Deixando o flex-shrink com o valor 0 vai ocorrer o overflow, ele vai ter um vazamento para fora do conteiner por ele estar nowrap, caso esteja wrap o item vai quebrar na direção do seu eixo transversal.

A
B
C

Colocando o flex-grow com valor 1 ele irá ocupar a extensão inteira, com o flex-flow nowrap

A
B
C

flex-basis + flex-grow + flex-shrink

A
B
C
flex-grow: 0;
flex-shrink: 1;
flex-grow: 2;
flex-shrink: 0;
flex-grow: 1;
flex-shrink: 2;