Default is container width, with an inline gutter for smaller screens.

Section can have children with different content widths;

like the optimum content width with .section__narrow

or slightly larger feature widths with .section__feature

or event full width with .section__full

Sections can be nested

and have the same content width options are un-nested ones;

like the optimum content widths with .section__narrow

or slightly larger feature widths with .section__feature

or event full width with .section__full

Sections can say for all children to have a certain width

by using .section--narrow or .section--feature or .section--full

on the parent.

Any section can have a background color, or utilise any of the section vertical spacing classes

even children

and ones with their own backgrounds.

Sections can be grouped together

even if they have different content widths.