- Taxonomic name: L-CONTENT-CONTAINER
- Added on: v3.0.0 (15/09/17)
Container
The main content container is used to constrain all content inside it to the maximum page width allowed by the design grid. Content is centred at wider breakpoints.
Design and usage
- Can be used multiple times within a page to achieve page striping.
Examples
Interactive example
Code example
<div class="l-content-container">
...
</div>
Development and test
Notes for developers
Do not nest these containers as it will cause double spacing at the sides.
Classes overview
The following table gives you a quick overview of the CSS classes that can be applied.
Class | Outcome | Required | Applied to | Comments |
---|---|---|---|---|
.l-content-container |
Base style general page content container | Yes | div |