Layout: sections, page width and full width

Layout

Theme utilizes full-bleed layout using CSS grid. This means that each section / content should be wrapped in either page-width or full-width classes so that the content is placed on the middle column (constrained-width column).

Sections

Sections headers can use the “section__header” class to automatically place section header in a nice way for both page-width and full-width section / content layouts.

The maximum width of page-width container can be set in theme settings (id: content_ideal_width)