36Using Grid Systems for Layout

One of the more complex situations to deal with when implementing styles on a site is even grid spacing—especially implementing the regular spacing found on a Photoshop design.

Grids should be flexible and are usually percentage-based. They also dictate gutters. Gutters are how wide you want the spaces in between your columns to be.

Implementing a grid can be tricky. How much space should you leave for margins? What exact percentages should you use? There are a number of frameworks to help with these issues.

Bourbon Neat[12] is a grid framework that builds on Bourbon. To use Neat, you have to install Bourbon first (as introduced in Task 35, Fully Featured Frameworks). Then, you can install Neat in a similar ...

Get Pragmatic Guide to Sass 3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.