Fluid Responsive Grid

Filed under:

Photo by Sam Poullain on Unsplash.

There are many grid generators and frameworks out there. Many of them are really good. Most of them use a hardcoded number of columns (8, 12, 16 or whatever) with dummy ".grid-x" classes. I don't want that. What I want is a tool to generate a fluid, responsive and flexible grid system with any number of (nested) columns with custom gutter width. And I want to be able to quickly generate that grid system with my own classes (I might even use those dummy ".grid-x" classes, why not?).

So I've put together one more grid generator by merging The Semantic Grid with Trevor Davis' Sass & Compass Grid. You need LESS CSS preprocessor to use this tool. See the Fluid Grid on GitHub and play with it, to see if you can use it in your own projects.

Fluid Grid on GitHub