Background:
I'm trying to swap the order of columns between breakpoints, using the method on the docs page under section "Normal flow with ordering (first / last) (can be based on MQ keys)"
Reproduce:
In that section, when you add a size to the column it is breaking the swapped order.
Just change <div class="col_md-first">...</div> to
<div class="col-3_md-first">...</div> on a large screen and you will see what I mean instantly.
I hope you guys can take a look
Additional:
While col_md-12-first does not work, col_md-first-12 does partly work (only on the breakpoint off course)
Using this kind of sizing in a media query would even be a nice workaround, but only if the breakpoint would be mobile-first.. Then I could just do something like: <div class="col_sm-first-12_rest-5">. But now there is no way > 1280px
Background:
I'm trying to swap the order of columns between breakpoints, using the method on the docs page under section "Normal flow with ordering (first / last) (can be based on MQ keys)"
Reproduce:
In that section, when you add a size to the column it is breaking the swapped order.
Just change
<div class="col_md-first">...</div>to<div class="col-3_md-first">...</div>on a large screen and you will see what I mean instantly.I hope you guys can take a look
Additional:
While
col_md-12-firstdoes not work,col_md-first-12does partly work (only on the breakpoint off course)Using this kind of sizing in a media query would even be a nice workaround, but only if the breakpoint would be mobile-first.. Then I could just do something like:
<div class="col_sm-first-12_rest-5">. But now there is no way > 1280px