Waffle Grid – Easy to Use Flexbox Grid System


The waffle grid system is super lightweight, weighing in at only 7kb minified using the default settings. With classes for medium and small devices, the waffle grid can make your layouts fully responsive.
The waffle grid system was written entirely in sass, so that you can easily change or customize the grid to suit your needs.

The waffle grid allows you to resize your columns according to the device size. By default, the two breakpoints are 840px for medium devices and 480px for small devices. You can define the different behaviors depending on the device size by adding an m or an s to the class.

Waffle Grid

View All Free Tools