Standard Grid System

".grid--1" doesn't exist because it is unnecessary, but here's how it looks if you apply the class to an element...

12

.grid.grid--2

6

6

.grid.grid--12
5 .grid--c-span--5
7 .grid--c-span--7
.grid.grid--3

4

8 .grid--c-span--2
.grid.grid--4

3

9 .grid--c-span--3
.grid.grid--6

2

10 .grid--c-span--5
.grid.grid--12

1

11 .grid--c-span--11

50/50 Grid System

.w-50--desk
.grid.grid--6

1

5 .grid--c-span--5
.grid.grid--6

2

.grid--c-span--2
4 .grid--c-span--4
.grid.grid--6

3

.grid--c-span--3
3 .grid--c-span--3
.w-50--desk
.grid.h-100

3

.grid--c-span--3
3 .grid--c-span--3.h-100
.w-50--desk.vh-100
.grid.grid--6.f1

1

5 .grid--c-span--5 .h-100
.grid.grid--6.f1

2

.grid--c-span--2 .h-100
4 .grid--c-span--4
.w-50--desk.vh-100
.grid.grid--6.h-100

3

.grid--c-span--3
3 .grid--c-span--3.h-100