Container

Container centers your content horizontally and sets a max-width. It is the most basic layout element.

Fluid (default)

A fluid container has no max-width by default — it stretches to fill its parent.

fluid container

<me-container> content </me-container>

Max-Width

Set max-width to a breakpoint keyword or any CSS value.

xs — 444px

sm — 600px

md — 900px

<me-container max-width="sm">content</me-container> <me-container max-width="md">content</me-container> <me-container max-width="lg">content</me-container>

Fixed

The fixed attribute locks the container to the current breakpoint's max-width rather than being fluid.

fixed container

<me-container fixed>content</me-container>

API

Attribute	Type	Default	Description
`max-width`	xs \| sm \| md \| lg \| xl \| false \| CSS value	—	Max-width constraint. Keyword maps to breakpoint px values.
`fixed`	boolean	false	Locks width to the current breakpoint.