Order
Controls the order in which flex-items appear in the flex container
Lower values are listed first (-1 will be listed before 2)
If no order is set on a flex-item it will have a default value of 0
.item {
order: <integer>;
}
Live Example
In the example above we are applying order: -1 to the red box (.three) which results in it being listed first among the other flex-items even though in our html it was listed last.