Responsive Flex Ordering Add the flex-order directive to a layout child to set its order position within the layout container:

[flex-order="-1"]

[flex-order="1"]

[flex-order.gt-md="3"]

[flex-order="2"]

[flex-order="3"]

[flex-order.gt-md="1"]