DESIGN COMPLETE IMPLEMENTATION PENDING

The three statuses above and their possible values:

PROPOSAL STATUS	DESIGN STATUS	IMPLEMENTATION STATUS

The basic container to contain, pad, and center content in the viewport

Contributors	@Adam Butterworth (Deactivated)
Slack channel
Paragon Jira ticket	https://openedx.atlassian.net/browse/PAR-209
Other Jira tickets
Design resources	https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=7961%3A23702
Technical docs

To use the layouts documented here the easiest thing to do is use the 12 Column layout grid from the Figma library:

Sizes

Size	max width

Best Practices

Do	Use small and medium size containers for single column readable content.
Don't	Avoid large or extra large containers for regular sizes of paragraph text. Aim instead to limit the avg. characters per line to a readable amount using columns.

Containers should span 100% the width of their parent until they reach their maximum width. After the max-width is reached, they should remain centered.

Containers should span 100% the width of their parent until they reach their maximum width. After the max-width is reached, they should remain centered.