Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Latest release: Component Library: v56.10.0 released on Aug 3, 2026 | Guidance: Sprint 4 released on Aug 4, 2026 | Figma: Changelog

Foundation

Layout

Layout tokens — site margins and grid container widths.

Generated from css-library v0.35.0 (Fri, 21 Aug 2026 15:45:17 GMT).

For guidance on page structure and the grid, see the layout section.

Layout tokens

Token Value Notes vads-site-margins-mobile-width 1rem (16px)
uswds-system-spacing-2 Standard margins width for mobile (default) breakpoint. vads-site-margins-width 2rem (32px)
uswds-system-spacing-4 Standard site margin width at and above vads-site-margins-breakpoint. vads-grid-container-max-width 1024px
vads-breakpoint-desktop Maximum width of the centered page grid container. vads-site-margins-breakpoint 1024px
vads-breakpoint-desktop Breakpoint for site margins to switch.
Edit this page in GitHub (Permissions required)
Last updated: Jun 25, 2026