Flexbox
justify-content
flex-start
center
flex-end
space-between
space-around
space-evenly
1
2
3
4
align-items
flex-start
center
flex-end
stretch
baseline
1
2
3
4
flex-grow
0 / 1 / 0
1 / 1 / 1
2 / 1 / 0
0 / 1 / 3
1
2
3
flex-shrink
1 / 1 / 1
2 / 1 / 0
0 / 1 / 3
flex-shrink 1 — long long long long long long text
flex-shrink 2 — long long long long long long text
flex-shrink 3 — long long long long long long text