Skip to main content

Multi-row content

Multi-row content is displayed in a grid layout and is comprised of multiple columns and rows.

A maximum of 12 columns can be created. Multiple columns are evenly spaced across the page. On smaller screen sizes, columns are "stacked" underneath each other.

An unlimited number of rows can be created.

Row 1, column 2

Row 1, column 3

Row 1, column 4

Row 2, column 1

Row 2, column 2

Row 3, column 1

Row 3, column 2

Row 3, column 3

Row 3, column 4

A multi-row grid layout is useful for displaying information in an organized, evenly spaced grid, without using tables. (For accessibility, tables should not be used for laying out content on page. Tables should only be used for tabular data.)

Grid layouts can be used for more visual landing pages. View an example of a grid layout with custom graphics.

Note: in the example on this page, columns are delineated with a box and coloured background to show the row/column layout. The coloured boxes will not appear in regular pages.

University of Ontario Institute of Technology logo