flex-direction property values css code example

Example 1: css invert columns

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;

Example 2: flex row

.item {
  order: 5; /* default is 0 */
}