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 good 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 gutter should it have.

How to use it?

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



Feedbacks would be appreciated.

Note: I’ve a new Photography WordPress Theme – Autochrome, which uses the Grid.