This container is centered on desktop and larger viewports.
Container
Basics
Widescreen or FullHD only
is-widescreen
This container is fullwidth until the
$widescreen breakpoint.
is-fullhd
This container is fullwidth until the
$fullhd breakpoint.
Desktop and Widescreen maximum widths
is-max-desktop
This container has a
max-width of $desktop - $container-offset on widescreen and fullhd.
is-max-widescreen
This container has a
max-width of $widescreen - $container-offset on fullhd.
Fluid container
This container is fluid: it will have a 32px gap on either side, on any
viewport size.