Page container

The flix-page-container takes care of forming your page content area:

• limiting the width of the page area
• centering the page on the screen
• providing optional top spacing for layouts with fixed headers compensating for headers width

For layouts with a fixed header you can apply the flix-page-container--has-fixed-header variation and the component will provide the necessary spacing on top to compensate for header placement.

If your header does not have a navigation, use the flix-page-container--has-fixed-header-no-nav instead.

Please refer to Main wrapper component docs for code examples and usage in context with other layout components.