iparker@flannelpdx.com : Diamond Airport Parking

Menu +

Simple

Each .grid element is a horizontal row which can contain .unit elements of various widths. Width combinations are illustrated below.

Units get stacked on screens 568px or smaller. Grids in a .wrap have maximum widths of 978px, or 1140px with the addition of .wider.

All units have even inner and outer gutters. You can turn gutters off with .no-gutters. There are also a few other commonly needed classes.

.whole

.half

.half

.one-third

.two-thirds

.one-quarter

.three-quarters

.one-fifth

.four-fifths

.two-fifths

.three-fifths

.golden-large

.golden-small

Nested grids also work, but the markup gets gnarly pretty quickly.

Gridception!

★

Gridception!

★

★

Gridception!

★

★

★

★

★

Connect with us