You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The `<main`> tag specifies the main content of a document.
The content inside the `<main>` element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.
Since that tag currently is present in the #mainWrapper<div> and encompasses the entirety of the page (header, sideboxes, main content, footer), that makes it very difficult to have a full-wide (e.g. container-fluid) class on the header/footer elements of a page while presenting the sideboxes/main-content in a container (which has a less-than-full screen-width on larger horizontal-width screens).
FWIW, I'm currently considering doing away with the #mainWrapper selector, since its usefulness appears to be minimal, since any overall page styling can be supplied on the body instead.
The text was updated successfully, but these errors were encountered:
From the definition at w3schools:
Since that tag currently is present in the
#mainWrapper
<div>
and encompasses the entirety of the page (header, sideboxes, main content, footer), that makes it very difficult to have a full-wide (e.g.container-fluid
) class on the header/footer elements of a page while presenting the sideboxes/main-content in acontainer
(which has a less-than-full screen-width on larger horizontal-width screens).FWIW, I'm currently considering doing away with the
#mainWrapper
selector, since its usefulness appears to be minimal, since any overall page styling can be supplied on thebody
instead.The text was updated successfully, but these errors were encountered: