Rows & Columns Example

Equal Width Examples

The examples below demonstrate up to four blocks in a row, of equal widths. Each block has the Box 1, 3 or 4 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
50% Width Block
25% Width Block
26% Width Block
31% Width Block
43% Width Block

Mainbody Examples

The mainbody is a unique section in Gantry 5 that allows for up to three columns (varies on outline) to be configured independently from one another. Therefore, you can have multiple rows and columns in each column, creating very unique layout possibilities. In the example below, block variations are used to delineate each block.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque id tortor. In vitae sapien. Nunc quis tellus.
Praesent sed nisl tempor est pulvinar tristique. Maecenas non lorem quis mi laoreet adipiscing. Sed ac arcu. Sed tincidunt libero eu dolor. Cras pharetra posuere eros. Donec ac eros tincidunt.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean et libero. Nam aliquam. Quisque vitae tortor id neque dignissim laoreet. Duis eu ante.