in Open Source, Technology

Grid – a minimal CSS Grid utility

“Grid” a simple and minimal fluid grid system that can flow inside any fluid or fixed container or play well with another Grid system. I found this to be particularly useful while working on liquid/fluid designs. “Grid” can also be used in conjunction with any other heavyweight CSS Grid Framework, particularly, in places where you do not want to calculate which portion of the grid does a design piece fall into or how many gutters should it have.

How to use it?

  1. Add a class “grids” to any container.
  2. Define your desired grid size by applying “gxofy”, where “x” is the segment of the “y” whole.