Layouts

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

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.

Lorem ipsum dolor sit amet adiping elit.
Donec sit amet nibh. Vivamus non arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
Integer fermen tum elit in sem magnus tellus.
Sed ac arcu. Sed tincidunt libero eu dolor.
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.