Chewing-grid.css – A CSS Grid ideal for card listing design

      

Chewing-grid is 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:

  • the maximum number of columns
  • the minim and maximum card width
  • 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.

    CSS Grid

    Chewing-grid.css