Container
A container is a grid layout that centers and constrains your content horizontally within the viewport. The container has a maximum width that adjusts at different breakpoints to ensure optimal aesthetics across various device sizes.
<section class="tng-container"> <!-- --></section>Breakpoints
Section titled “Breakpoints”Mobile
Section titled “Mobile”
Tablet Vertical
Section titled “Tablet Vertical”
Tablet Horizontal
Section titled “Tablet Horizontal”
Desktop
Section titled “Desktop”
Desktop XXL
Section titled “Desktop XXL”
Fullbleed
Section titled “Fullbleed”You can use the is-fullbleed modifier to make a child element span the full width of the grid.
Utilities
Section titled “Utilities”All our layouts that are Flexbox or Grid based support the base same utilities.