Chapter 3. Working with Grids

A grid is not only useful when creating a graph or chart, it is also a great tool that you can leverage to arrange elements, align content to fit inside 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 can change sizes to fit your layout needs by using gutters and widths set in percentages that shrink and grow as space is made available. On the other hand, they also can be very rigid, which makes them perfect for adaptive layouts.

Choosing a Grid

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

Get Responsive Mobile Design: Designing for Every Device 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.