Skip to Main Content
Sass and Compass in Action
book

Sass and Compass in Action

by Natalie Weizenbaum, Chris Eppstein, Brandon Mathis, Wynn Netherland
July 2013
Intermediate to advanced content levelIntermediate to advanced
240 pages
7h 5m
English
Manning Publications
Content preview from Sass and Compass in Action

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

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Introducing Dart Sass: A Practical Introduction to the Replacement for Sass, Built on Dart

Introducing Dart Sass: A Practical Introduction to the Replacement for Sass, Built on Dart

Alex Libby
Mastering Sass

Mastering Sass

Luke Watts
Jump Start Sass

Jump Start Sass

Hugo Giraudel, Miriam Suzanne

Publisher Resources

ISBN: 9781617290145Publisher SupportOtherPublisher WebsiteSupplemental ContentPurchase Link