container

Centered, max-width page/content wrapper with responsive padding.

status: stable js: none support: baseline

Preview

…

<div class="container container-lg">…</div>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/container.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add container

Layout helper

.container .container-sm .container-md .container-lg .container-xl .container-full

base/tokens