Containers and Margins

This site includes various background colors and text styles that can be mixed and matched on content containers. The examples below show different options for margins (spacing outside the container) indents (spacing inside the container), and backgrounds. 

A defined height (short, medium, tall) can be applied to set a minimum height on these section containers. The container will grow if more content than will fit is included. 

Note: indent left and indent right style ticks should be applied to components - they will not have any effect on containers.

This example includes margins and indents (top and bottom) and a yellow background style tick.

This example includes indents top and bottom and a defined height on the section container.

This example only includes a background color.

Another example.


Use of Cookies and Privacy Policy Update

Cookies are used on this site to assist in continually improving the user experience and all the interaction data we store of our visitors is anonymous.

Learn more about your rights on our Privacy Policy page.