dead-simple-grid icon indicating copy to clipboard operation
dead-simple-grid copied to clipboard

Column Ordering

Open HumanAgainstMachine opened this issue 8 years ago • 2 comments

Hello,

the idea is as simple as useful, adding position:relative; to .col class, nothing changes until we use left and right properties for non-mobile layouts.

In this way we can order columns inside a row, moving them from left to right by left: a%; where a is the needed percentage. Similarly, moving them from right to left by right: b%; where b is the needed percentage.

The example col_ordering.html shows the case where we want the sidebar on the left, while still remaining in the bottom of the stack for mobile layout.

HumanAgainstMachine avatar Apr 10 '16 21:04 HumanAgainstMachine

I'm not sure whether this should be added as an example to the repo, but it's a neat idea!

mourner avatar Apr 14 '16 09:04 mourner

Hello and thank you for appreciating the idea.

The idea come from my need to have your template with the sidebar on the left, so the example is my first result.

I have a more general example I can show you: 3 cols in a row and their 6 permutations.

If you think I can help, I will be happy to collaborate.

Ezio

HumanAgainstMachine avatar Apr 14 '16 10:04 HumanAgainstMachine