Reordering grid columns

13 Mar 2018 in: Grid System

cms pro Flexbox allows us to redefine the order that grid columns are displayed, regardless of their order in the markup.

Available Classes:

order-1 order-2 order-3 order-4 order-5

<div class="row gutters">
  <div class="columns mobile-order-3"> ... </div>
  <div class="columns mobile-order-2"> ... </div>
  <div class="columns mobile-order-1"> ... </div>
</div>

You need to add screen size prefix (screen-, tablet-, mobile-, phone-) to order class