All o-grid
s 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