Resize the browser window to see the effect.
.gr-6
.gr-6
.gr-12 .gr-6@small
.gr-12 .gr-6@small
.gr-3 .gr-6@small .gr-3@large
.gr-3 .gr-6@small .gr-3@large
.gr-3 .gr-6@small .gr-3@large
.gr-3 .gr-6@small .gr-3@large
.gr-12
.gr-11
.gr-10
.gr-9
.gr-8
.gr-7
.gr-6
.gr-5
.gr-4
.gr-3
.gr-2
.gr-1
.row-justify-end .row-justify-between@small .row-justify-start@medium
.gr-4
.gr-4
To get this to work properly, every element needs the order class.
First element in markup
.order-2@small
Second element in markup
.order-3@small
Third element in markup
.order-1@small