A few notes on
main, which contains the main contents of a web page.
- There should only be a single instance of
mainthat does not have the
hiddenattribute applied to it.
- In Amplify,
mainuses the same principles as the center layout helper to add some minimum space between its contents and the edges of the parent element or viewport. Inspect this page in your web browser to see it in action.
- Although it has a set maximum width, the utility class
u-full-widthcan be applied to a child item of
mainto make it extend full width beyond the borders of