The Semantic Grid System (Less.js-Powered)

The Semantic Grid System is a fresh approach to CSS grids which allows us to define column-gutter widths, choose the number of columns and switch between pixels and percentages. And all these without the -kinda ugly- .grid_x classes used in the markup

It is built by Tyler Tate, the developer of the popular 1KB Grid and powered by Less.js (the dynamic stylesheet language).

The Semantic Grid System

The grid system is responsive as well and manipulating it using media queries is very easy.

There is also a detailed introduction of in Smashing Magazine that is written by the developer himself.