Grids are a divisive topic. As useful as they can be, there are a few common complaints with them. Let’s deal with these first.
Semantic purists argue that writing markup laden with HTML classes such as column_8
and column_4
is tantamount to a cardinal sin. Let’s squash this issue right away; using Sass and Compass based grids requires zero amendments to the markup.
Another common objection is that starting a design with a grid system stifles creativity, imposing an artificial construct before more critical design decisions have (or should have) been made. If that is a sentiment you agree with, I would offer this olive branch; when using Sass and Compass the grid system need not be pre-defined or pre-prescribed.
What we will be working with is a truly flexible grid system that can be implemented at any time during the design and build of a website. Make the design however you want, then use Sass and Compass to build out that design with relative ease. Have as many columns...