O'Reilly logo

Rails, Angular, Postgres, and Bootstrap, 2nd Edition by David B. Copeland

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

The Grid: The Cornerstone of a Web Design

I don’t know about you, but looking at a complex layout like the one we’re going to build gives me a bit of anxiety. It’s not just that CSS can be difficult to use, but it’s also not immediately clear how to wrangle all the parts of this design.

Like functional decomposition in programming, a grid is how you can break down a user interface into smaller parts. You can focus on each part of the design, and rely on the grid to keep everything looking visually cohesive.

A grid is more or less what it sounds like—a means of aligning elements along a fixed horizontal and/or vertical axis. You might not have realized it, but you’ve been using a grid already. By just using Bootstrap’s default styles and ...

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