in ,

Waffle Grid Is Easy to Use and Lightweight Grid System


Are you looking for an easy to use, responsive and lightweight grid system to design your next project? You can try Waffle. There could be various reasons why should you try a new lightweight CSS grid system in place of your existing heavy CSS framework.

The Waffle Grid system is a lightweight CSS grid system that comes in the only 7kb minified CSS file. The grid system offers responsive and easy to customize grid to suit your needs.

Waffle Grid

By default, it has two breakpoints at 840px for medium devices and 480px for small devices. If you need more, you can add more. The waffle grid system was written in sass.


How to Use Waffle Grid System

Download the CSS file and include in the web page where you want to use it. Now remember these points.

  • use the .grid class for defining the grid
  • use the .row class for defining a row
  • use the .col class for defining a column
  • use a .col-n-of-p class to define the width, where n-of-p defines how wide the column should be


Read More


Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Leave a Reply

Your email address will not be published. Required fields are marked *


Get Videos from a YouTube channel using PHP and YouTube API

Get Videos from a YouTube channel using PHP and YouTube API

Best custom Android ROMs

10 Best Custom ROMs for Android