This is a contained element with a background color set to accent purple.
Any elements or free form text used within the contained div will have the same max-width as the rest of the site. The text for this section is set to white using text helper classes. Lorem ipsum dolor sit amet consectetur adipisicing
This section is set to background color primary, but does not have a contained div, so the content will be set full-bleed with no max width.
Other helper classes such as margins and spacing can be applied across the div structure, but section comes with an automatic large padding and no margins set.
Example Using Media Block Code Snippets
This is a section, with background image applied within a contained div.
The inner content has additional helper classes applied to create a pseudo-banner effect. The height of the banner is dictacted by the wrapping content.
This is a contained element with a background image.
- Background images are set on the section
- It will cover the background canvas based on the height of the content it holds.
- It will not repeat.