Versions Compared

Old Version 2

changes.mady.by.user Hodges, David

Saved on

compared with

New Version Current

changes.mady.by.user Hodges, David

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

This class is applied to the parent of the page content.

Contents

Table of Contents
minLevel1
maxLevel7
stylenone
exclude([Cc]ontents)
typeflat
separatorpipe

Description

Children of the page container include:

  • header

  • main

    • <div class="grid-container">

      • <-- ALL direct descendants of grid-container MUST have a grid-column declared -->

      • aside – refer to Detail Layout.

    • </div>

  • footer

Example

Code Block
languagehtml
<div class="page-container">
  <header class="site-header">
    <!-- header contents -->
  </header>
  <header class="mobile-header">
    <!-- header contents -->
  </header>
  <main>
    <div class="grid-container">
      <!-- ALL direct descendants of grid-container MUST have a grid-column declared -->
      <!-- grid-column: [full, main, main / full, full / main]; -->
    </div>
  </main>
  <footer class="site-footer">
    <!-- footer contents -->
  </footer>
</div>

Referenced

...

https://styleguide.asce.org/section-layout.html#asgref-layout-page-container

...