Grid

6

6

8

4

Collapsed Grid

6

6

8

4

Responsive Grid

large-4 small-4

large-4 small-4

large-4 small-4

large-6 small-9

large-6 small-3

Offset and Source Ordering

large-3small-5

large-6 offset-3small-5

collapsed

large-3 offset-3small-5

large-6small-5 offset-2

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 offset and Centering

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

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

Demo Design Custom Grid

325 (50) 175

325

175