Rows & Columns

Equal Width Examples

The examples below demonstrate up to four blocks in a row, of equal widths. Each block has the Box 1, 2 or Box Outline 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, 2 or Box Outline block variation applied to show separation between the blocks.

25% Width Block

50% Width Block

25% Width Block

26% Width Block

31% Width Block

43% Width Block