Control order of vertically stacked elements using only CSS Flexbox

Question

I\'m trying to use the CSS Flexible Box Layout Module to control the order that elements are rendered. Here\'s some sample HTML (and fiddle):

Answer 1

You should call #outer-container and not .outer-container in CSS file. Then the flex model will be triggered.

To only put blue objects last, then just apply: order:1; to it and nothing to others: DEMO

Order defaut value is 0.