Flexbox: item properties

Examples of order, flex-grow, flex-shrink, flex-basis, and align-self.

order

First in HTML (order 3)
Second in HTML (order 1)
Third in HTML (order 2)

flex-grow

grow 1
grow 2
grow 1

flex-basis + flex-shrink

basis 180 + shrink 0
basis 100
basis 100

align-self

self-start
center
self-end