Brackets support the main content of the page by providing additional information.
Brackets are small portions of content, laid out in a horizontal grid.
See live example on the homepage
Brackets always has:
- Header text (h3)
- Body text (uno)
Optionally it can have (as shown in the variant below):
- An icon
- A text link
Brackets with icons
This is a large version of brackets module that can accommodate more than three columns.
In standard use, we tend to have 3 elements in brackets. We needed to add a 4th element, so have added a modifier
.m-brackets--grid to allow the elements to stack for iPad portrait breakpoint.