flex direction row 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 */
}
Example 3: flex-direction column reverse
This is a Column-Reverse
A
B
C
This is a Row-Reverse
A
B
C