responsive grid

[paaragon]

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]

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 😊

[1000ch]

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

[calvinmorett]

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