CHILDREN FLEX PROPERTY

FLEX SHRINK

1
2
3
4
5

Distribution of elements within the container with flex-shrink: 1; // Default

1
2
3
4
5

Distribution of elements within the container with flex-shrink: 0;

1

flex-shrink: 1;

2

flex-shrink: 3;

3

flex-shrink: 1.2;

4

flex-shrink: 0;

5

flex-shrink: 2.5;

Distribution of elements with varying flex-shrink values