Description
Layout.Section is an outer block element for wrapping content to get the correct layout and spacing between sections and section headings.
Accessibility
You may consider adding an aria-label or aria-labelledby to provide screen readers with landmarks.
Main heading
Content inside a landmark ...
<Layout.Section aria-labelledby="unique-id"><Layout.MainHeading id="unique-id">Main heading</Layout.MainHeading><Layout.Card><P>Content inside a landmark ...</P></Layout.Card></Layout.Section>