flex-shrink: 1;

1

2

3

4

flex-shrink: 1; // Conteúdo diferente

1

Teste 2

Oi 3

4

flex-shrink: misturado; // Conteúdo diferente

1

Teste 2

Oi 3

4

flex-shrink: 1; // Conteúdo maior que o container

TesteTesteTesteTeste

TesteTesteTeste 2

Oi 3

4

flex-shrink: misturado; // Conteúdo maior que o container

TesteTesteTesteTeste

TesteTesteTeste 2

Oi 3

4

flex-shrink: 1; / flex-basis: valor;

TesteTesteTesteTeste

TesteTesteTeste 2

Oi 3

4

flex-shrink: 0; / flex-basis: valor;

TesteTesteTesteTeste

TesteTesteTeste 2

Oi 3

4

flex-shrink: 0; / flex-basis: valor; / wrap

TesteTesteTesteTeste

TesteTesteTeste 2

Oi 3

4

flex-shrink: misturado; / flex-basis: valor;

1

Teste 2

3

4

flex-shrink: misturado; / flex-basis: valor; / wrap

1

Teste 2

3

4