O'Reilly logo

Responsive Mobile Design: Designing for Every Device by Phil Dutson

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. Working with Grids

A grid is not only useful when creating a graph or chart, it is a great tool that can be leveraged to help arrange elements, align content to fit inside of a region, and more importantly help your layout flex to meet the needs of the screen you are using.

Grid systems can be flexible and change sizes to fit your layout needs by using gutters and widths set in percentages that shrink and grow as space is made available, or they can be very rigid which makes them perfect for adaptive layouts.

Choosing a Grid

When first moving to a grid system, you may feel somewhat constrained. On one hand, it can actually be very liberating to have something that gives your design a structure that is defined and aligns in near-perfection ...

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