A CSS Grid ideal for card listing design like tiles, videos or articles listing.
No media queries, yet chewing-grid will adjust the number of columns depending on the available width and your settings regarding:
chewing-grid provides atomic classes ready to use in your HTML (1 to 12 columns and widths in 50px intervals). You can also use it with Sass to generate your own classes, or even to build a custom semantic grid.
Change the settings and use the right bar to resize the demonstration.
chewing-grid provides atomic classes ready to use in your HTML (1 to 12 columns and widths in 50px intervals).
You can also use it with Sass to generate your own classes, or even to build a custom semantic grid.
Read the project documentation.
The chewing-grid is released under MIT license, so you can use, copy and modify the software however you want.
The only restriction is to keep the license agreement.
My name is Thomas ZILLIOX.
I am a web developer freelance from France, specialized in maintainable CSS.