Default
A default container ranging to 1296px. Once the viewport has reached the maximum width the container will continue scaling with the viewport width itself.
The container layout component is the basis of defining layout - constraints within the main section components. A container should be simple, only defining a width or maximum-width of which the content is not allowed to exceed out of. Each container has a margin which is used to seperate the content from the borders of the viewport.
A default container ranging to 1296px. Once the viewport has reached the maximum width the container will continue scaling with the viewport width itself.
A container ranging to 780px. Once the viewport has reached the maximum width, the container will continue scaling with the viewport width itself.
A container ranging to 648px. Once the viewport has reached the maximum width, the container will continue scaling with the viewport width itself.
l-container--secondary
Create a smaller version of the default container where the max-width is mainly adjusted
l-container--tertiary
Create another smaller version of the default container where the max-width is mainly adjusted to half of the default container width