Design system

Container

The container centers your content horizontally. It's the most basic layout element.

Bundle size
: 775 Bytes
Install: 
npm install @washingtonpost/wpds-container
|Copy
Usage: 
import { Container } from "@washingtonpost/wpds-container"
|Copy

Table of Contents

Anatomy

The anatomy of a container has no visual elements. It is an empty container used for layout and is tied to our breakpoints.

Options

Max width

Determine the max width of the container. The container width grows with the size of the screen. Set the container width to fluid for a full width container.

API Reference
PropDescriptionTypeDefaultRequired
maxWidththe max width of them all
enum
fluid | sm | md | lg | xl
----False