Flex Order

Decleared by fixing style = "order:n" to a flex item. The order is set for that item while other items will have an order less--. Order takes precedence in magnitude of the gven order

Flex grow

How fast a flex item would grow relative to others. Decleared by setting the style = "flex-grow: 5" to that particular flex item. It's basically a ratio of how one flex item grows relative to the others

1
2
3

Flex basis

The specific width and height of flex items. The width doesn't changed except forced to by the situation

1
2
3

Align self

The align self property still applies to flex items

1
2
3
4