Skip to content

Styling & Components

KM-Hanson edited this page Jul 29, 2021 · 7 revisions

Styling & Components

Page Layout and Spacing

The class "page" helps to control the vertical sizing of elements on the page. Using this class sets flex-grow:1.

Here is an example from the meal site location search Results page:

When adding a new page, give the page an id or class for the root element, then in each component used on the page, set the root element so that flex-grow: 1.

Here is an example from the FAQ page: