Rows & Columns Example
Gantry provides an intuitive, drag and drop interface for constructing layouts. Each section benefits from unlimited rows and up to 20 columns, although a maximum of 4-6 is recommended.

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
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.
H5 Heading

Vestibulum mollis, est id rhoncus volutpat, dolor velit tincidunt neque, vitae pellentesque ante sem eu nisl. Donec facilisis, magna eget elementum pellentesque.

Crikey! There was an error...
Whoops \ Exception \ ErrorException (E_CORE_WARNING)
Module 'pdo_pgsql' already loaded Whoops\Exception\ErrorException thrown with message "Module 'pdo_pgsql' already loaded" Stacktrace: #0 Whoops\Exception\ErrorException in Unknown:0
Stack frames (1):
0 Whoops\Exception\ErrorException
Unknown0
Open: Unknown

Environment & details:

empty
empty
empty
empty
Key Value
joomla TzoyNDoiSm9vbWxhXFJlZ2lzdHJ5XFJlZ2lzdHJ5IjoyOntzOjc6IgAqAGRhdGEiO086ODoic3RkQ2xhc3MiOjE6e3M6OToiX19kZWZhdWx0IjtPOjg6InN0ZENsYXNzIjo0OntzOjc6InNlc3Npb24iO086ODoic3RkQ2xhc3MiOjM6e3M6NzoiY291bnRlciI7aToxO3M6NToidGltZXIiO086ODoic3RkQ2xhc3MiOjM6e3M6NToic3RhcnQiO2k6MTU1ODg1NDU3OTtzOjQ6Imxhc3QiO2k6MTU1ODg1NDU3OTtzOjM6Im5vdyI7aToxNTU4ODU0NTc5O31zOjU6InRva2VuIjtzOjMyOiJGdVJ4NHlHSzhRSkZmVnhmaUdPbVVaeEVvQ05mdEQxNiI7fXM6ODoicmVnaXN0cnkiO086MjQ6Ikpvb21sYVxSZWdpc3RyeVxSZWdpc3RyeSI6Mjp7czo3OiIAKgBkYXRhIjtPOjg6InN0ZENsYXNzIjowOnt9czo5OiJzZXBhcmF0b3IiO3M6MToiLiI7fXM6NDoidXNlciI7Tzo1OiJKVXNlciI6MTp7czoyOiJpZCI7aTowO31zOjE0OiJjb21fcnNmaXJld2FsbCI7Tzo4OiJzdGRDbGFzcyI6MTp7czo1OiJnZW9pcCI7czoyOiJVUyI7fX19czo5OiJzZXBhcmF0b3IiO3M6MToiLiI7fQ==
Key Value
USER sitio40
HOME /home/sitio40
FCGI_ROLE RESPONDER
UNIQUE_ID XOo7s3AT0nICBVoOKdOAGwAAABA
GATEWAY_INTERFACE CGI/1.1
SERVER_PROTOCOL HTTP/1.1
REQUEST_METHOD GET
QUERY_STRING
REQUEST_URI /site/index.php/sample-layouts/rows-columns
SCRIPT_NAME /site/index.php
HTTP_USER_AGENT CCBot/2.0 (https://commoncrawl.org/faq/)
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
HTTP_ACCEPT_LANGUAGE en-US,en;q=0.5
HTTP_IF_MODIFIED_SINCE Mon, 25 Mar 2019 17:58:59 GMT
HTTP_HOST www.wfue.org
HTTP_CONNECTION Keep-Alive
HTTP_ACCEPT_ENCODING gzip
PATH /usr/local/jdk/bin:/usr/kerberos/sbin:/usr/kerberos/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/usr/X11R6/bin:/usr/local/bin:/usr/X11R6/bin:/root/bin:/opt/bin
SERVER_SIGNATURE
SERVER_SOFTWARE Apache
SERVER_NAME www.wfue.org
SERVER_ADDR 64.15.147.102
SERVER_PORT 80
REMOTE_ADDR 34.207.82.217
DOCUMENT_ROOT /home/sitio40/public_html
REQUEST_SCHEME http
CONTEXT_PREFIX
CONTEXT_DOCUMENT_ROOT /home/sitio40/public_html
SERVER_ADMIN webmaster@wfue.org
SCRIPT_FILENAME /home/sitio40/public_html/site/index.php
REMOTE_PORT 58910
PATH_TRANSLATED /home/sitio40/public_html/sample-layouts/rows-columns
REDIRECT_STATUS 302
SCRIPT_URL /site/index.php/sample-layouts/rows-columns
SCRIPT_URI http://www.wfue.org/site/index.php/sample-layouts/rows-columns
HTTP_AUTHORIZATION
proxy-nokeepalive 1
PATH_INFO /sample-layouts/rows-columns
PHP_SELF /site/index.php/sample-layouts/rows-columns
REQUEST_TIME_FLOAT 1558854579.4359
REQUEST_TIME 1558854579
argv Array ( )
argc 0
empty
0. Whoops\Handler\PrettyPageHandler