All University of South Carolina system institutions will be closed through the end of the spring semester. Columbia campus virtual instruction will continue through the end of the Summer II semester (Aug 1). Details can be found on the coronavirus landing page.
A grid page is a menu page used with a large group of items, individual links and strong images organized in a three-column structure.
Each item in the grid takes you deeper into the site, but gives you visual and text representations of what you will find there. Grids are built in multiples of three across, and each item includes a 255-square-pixel image, title and brief description of the linking page. This highly visual page requires that all items have strong images, typically in multiples of three, but with at least five items.
Grid items can not only be used to link to pages within the section, but also can open an image gallery in a lightbox or play a video in a lightbox.
Because of the grid's three-column structure, this is a full-page element and cannot be used with callouts.
Images should be similar in style and composition yet look different at a glance. In the sample, the different areas of study are highlighted by detail images of instruments. If you lack strong imagery for all items, use a simple list instead.
When linking to a video, the CMS automatically adds a play button overlay on the image. Make sure you establish context in the description that the link leads to a video.
