O'Reilly logo

Sass and Compass in Action by Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, and Brandon Mathis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required