vanilla-framework icon indicating copy to clipboard operation
vanilla-framework copied to clipboard

25/75 layout needs a tablet version

Open lyubomir-popov opened this issue 2 years ago • 4 comments

Before: image

After: image

lyubomir-popov avatar May 09 '23 08:05 lyubomir-popov

As far as I remember we decided to do it as 100/100, because there is no 25% on tablet. Tablet has 6 columns, how are we supposed to use 6 columns to create 25%/75% split?

If we want to introduce a new grid to tablet (12 column one?) it's gonna be a big change.

bartaz avatar May 09 '23 10:05 bartaz

or should we divide 6 columns as 2 + 4 columns? But this will not follow the 25 split anymore…

bartaz avatar May 09 '23 10:05 bartaz

or should we divide 6 columns as 2 + 4 columns? But this will not follow the 25 split anymore…

the left-most 25% is usually a small heading, this can go above the rest, then the remaining two should maintain as close a layout on medium screens as possible. this is usually 2+4 columns

lyubomir-popov avatar May 09 '23 10:05 lyubomir-popov

Already fixed by introducing responsive row--25-75-on-medium classes.

bartaz avatar Jan 25 '24 16:01 bartaz