Rows & Columns Example
Example Rows & Columns layout.

Equal Width Examples

The examples below demonstrate up to four blocks in a row, of equal widths. Each block has the Box 1, 3, 4 or 5 block variation applied to show separation between the blocks.

Single Block per Row
Two Blocks per Row
Two Blocks per Row
Three Blocks per Row
Three Blocks per Row
Three Blocks per Row
Four Blocks per Row
Four Blocks per Row
Four Blocks per Row
Four Blocks per Row

Different Width Examples

The examples below demonstrate up to four blocks in a row, of differing widths. Each block has the Box 1, 3 or 4 block variation applied to show separation between the blocks.

25% Width Block
75% Width Block
25% Width Block
26% Width Block
31% Width Block
43% Width Block
X