Jan 1, 2011

A couple of weeks ago I wrote a flexible, variable-controlled CSS grid in LESS. The idea was this: create a grid that could be customized in just about any and every way imaginable. Although I haven’t done extensive testing, I feel that I was very successful.

The grid is controlled by 3 variables located in top of the document, controlling the total width, number of columns, and spacing between each column. Changing the values of these will give you just about any grid imaginable.

I could go on about it here, but you may as well head over to the project repo on GitHub instead, where I plan to maintain the project. Feel free to fork it — I’m pretty happy with what I’ve got, but as with practically everything on the web, I know it could be better.