responsive grid
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.
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 thank you for your idea, but it seems to be slightly redundant, is there any better way to implement it?
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