Tile

1

1

1

1

1

1

1

1

1

Tile Collapse

1

1

1

1

1

1

1

1

1

Grid

l4 s4

l4 s4

l4 s4

l6 s9

l6 s3

Collapsed Grid

l6 s6

l6 s6

l8

l4

Nested Variation

normal then normal

l6

l4

l8

l4

l2

collapse then collapse

l6

l4

l8

l4

l2

normal then collapse

l6

l4

l8

l4

l2

collapse then normal

l6

l4

l8

l4

l2

Nested Collapsed vs. Nested

l6 s6

l9 s6

l3 s6

l6 s6

l9 s6

l3 s6

Offset and Source Ordering

l3 s5

l6 o3 - s5

collapsed

l3 o3 - s5

l6 - s5 so2

Nested Grid

l12

l8

l6

l6

l4

l7

l5

Responsive Nested Grid

l12 s12

l8 s8

l6 s9

l6 s3

l4 s4

l7 s7

l5 s5

Responsive offset and Centering

l8 o2 - s5 so3

l6 c - s8 sc