Ordering flex items

Answer 1

Reverse the row order by using row-reverse instead of row for the flex-direction.

flex-direction: row-reverse;

You can also order the children manually by giving them each an order property that takes an integer.

.flex-container :nth-child(1) { order: 3; }
.flex-container :nth-child(2) { order: 2; }
.flex-container :nth-child(3) { order: 1; }