chewing-grid.css

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.

Live demo

Change the settings and use the right bar to resize the demonstration.

Go further

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.

License

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.

About the author

My name is Thomas ZILLIOX.
I am a web developer freelance from France, specialized in maintainable CSS.

Fork me on GitHub