Skip to content

Column order (col-first/col_md-last) stops working when column witdh (col-5) is specified #65

@gwerty

Description

@gwerty

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions