Grid

1

1

1

1

1

1

1

1

1

1

1

1

4

4

4

6

6

12

Collapsed Grid

1

1

1

1

1

1

1

1

1

1

1

1

4

4

4

6

6

12

Responsive Grid

large-4 small-4

large-4 small-4

large-4 small-4

large-6 small-8

large-6 small-4

large-8 small-4

large-4 small-8

Offset and Source Ordering

large-3

large-6 large-offset-3

push-9

pull-3, last-child

collapsed

push-9

pull-3, last-child

Nested Grid

12

8

6

6

4

7

5

Responsive Nested Grid

12-12

8-8

6-9

6-3

4-4

7-7

5-5

Responsive Grid with Offset

large-8 large-offset-2 small-5 off-3

large-6 large-centered small-8 small-centered