Grid

Generic grids

All o-grids are single-column, full width, below 22.4em/358px. Three- and four-column grids begin to split into columns above 38em/608px, and two-column grids split into columns above 40em/640px.

.o-grid .o-grid--of-two

Two columns above 40em/640px

.o-grid .o-grid--of-two-late

Two columns above 55em/880px

.o-grid .o-grid--of-two-early

Two columns above 22.4em/358px

.o-grid .o-grid--of-three

Two columns above 38em/608px, then three columns above 55em/880px

.o-grid .o-grid--of-three-late

Two columns above 38em/608px, then three columns above 68em/1088px

.o-grid .o-grid--of-four

Two columns above 38em/608px, then three columns above 60em/960px