Item 1 w/ flex-grow 1

Item 1
Item 2
Item 3
Item 4

Item 3 w/ flex-grow 1

Item 1
Item 2
Item 3
Item 4

Item 1 & 2 w/ flex-grow 1

Item 1
Item 2
Item 3
Item 4

All Items w/ flex-grow 1

Item 1
Item 2
Item 3
Item 4

Item 1 w/ flex-grow 2, Item 2 w/ flex-grow 4, Item 3 & 4 w/ flex-grow 1

Item 1
Item 2
Item 3
Item 4

Item 1 w/ flex-shrink 5 (Resize window to see effect)

Item 1
Item 2
Item 3
Item 4
Item 5

Items w/ Descending flex-shrink values (Resize window to see effect)

Item 1
Item 2
Item 3
Item 4
Item 5

Item 1 w/ flex-basis of 10rem

Item 1
Item 2
Item 3
Item 4
Item 5

Item 1 w/ flex-grow 1, Item 2 w/ flex-shrink 1, Item 3 w/ flex-basis 10rem

Item 1
Item 2
Item 3
Item 4
Item 5

Item 3 with align-self at center

Item 1
Item 2
Item 3
Item 4
Item 5

Item 1 w/ order 1, Item 3 w/ order -1, Item 5 w/ order -2

Item 1
Item 2
Item 3
Item 4
Item 5