Helper classes for grids and layouts.
Layout class to set the maximum width for page content.
Max width 1000px
Layout container with overflow
--visible modifier sets
overflow property to
Max width 1000px with visible overflow
<div class="layoutContainer layoutContainer--visible">...</div>
Article layout container
Indents grid columns by 1 either side when screen size is tablet and up.
Sometimes it is necessary to add page specific styling. Typically I set a page class. In the context of an SPA (Single Page Application) such as Blazor it is not as straight forward. Here is one solution.
Grid Container. Adds a clear fix and sets