grd icon indicating copy to clipboard operation
grd copied to clipboard

responsive grid

Open paaragon opened this issue 6 years ago • 3 comments

Hi,

I modify this css to add responsive features. If you like them, here they are.

The way to use it is to add a prefix to the classes (-sm, -md, -lg, -xl) and it would only apply from that size.

paaragon avatar Oct 25 '19 12:10 paaragon

Hi, it's been a while since the pr ¿do you consider to include it? feel free to close if you don't like it or comment the changes you would want 😊

paaragon avatar Jun 07 '22 10:06 paaragon

@paaragon thank you for your idea, but it seems to be slightly redundant, is there any better way to implement it?

1000ch avatar Jun 12 '22 01:06 1000ch

I've been using a single media query to set Cells, to full-width. It will make problems on more complex layouts (such as grids within grids), but it works for simple setups.

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 550px) {
    .Cell {
        width: 100%!important;
        display: block!important;
    }
}

Example: https://github.com/1000ch/grd/assets/11654917/4c51a7df-5b0a-4ff8-8c57-038275dc8412

calvinmorett avatar Jun 30 '23 06:06 calvinmorett