Primer CSS’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.
You can find all the below styles in
Center your page’s contents with a
The container applies
width: 980px; and uses horizontal
margins to center it.
The grid is pretty standard—you create rows with
.columns and individual columns with a column class and fraction class. Here’s how it works:
.containerto encapsulate everything and provide ample horizontal gutter space.
In practice, your columns will look like the example below.
Columns can be centered by adding
.centered to the