Chapter 3. CSS grids without the math

This chapter covers

  • Basic grid theory and when you might use a grid
  • CSS grid framework options when using Compass
  • Maintaining vertical rhythm in your layouts using typography helpers

3.1. What is a grid?

Whitespace is a powerful, yet often underutilized aspect of great web design. Whitespace (or negative space) is the area between “the other stuff” in your layouts and content. Whitespace can create separation between types of information, helping you to visually scan content or calling your attention to items of greater importance.

A grid is a layout framework that helps you make efficient use of whitespace in your web pages, providing uniform dimensions for columns and rows of content, as well as ...

Get Sass and Compass in Action now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.