Grid Examples

grid with columns `.grid-item--100-mobile` that span 100 at mobile size

left0

left1

main0

main1

main2

main3

main4

main5

main6

main7

right0

right1

grid with a bounded item `.grid-item--bounded`

.grid-item--bounded
I only take up the main space.

grid using span classes

.grid-item--span-2
I take up 2 cols

.grid-item--span-3
I take up 3 cols

.grid-item--span-main
I take up the rest of the main space

I take up 2

grid using % classes

.grid-item--50
I only take up half 50%

.grid-item--25
I only take up half 25%