Content grid reference
The same viewport contains independently sized grids. Blocks follow their authored order.
356px container
A span inherited from the last smaller grid.
Omitting the span fills one row.
Oversized spans clamp to the current column count.
Invalid spans fall back to one full row.
600px container
A span inherited from the last smaller grid.
Omitting the span fills one row.
Oversized spans clamp to the current column count.
Invalid spans fall back to one full row.
840px container
A span inherited from the last smaller grid.
Omitting the span fills one row.
Oversized spans clamp to the current column count.
Invalid spans fall back to one full row.
1200px container
A span inherited from the last smaller grid.
Omitting the span fills one row.
Oversized spans clamp to the current column count.
Invalid spans fall back to one full row.
1536px container
A span inherited from the last smaller grid.
Omitting the span fills one row.
Oversized spans clamp to the current column count.
Invalid spans fall back to one full row.
End of the grid examples.