Footer

A <footer> as a direct child of <body> sits under a top rule. With plain children it is one row; with <nav> children it becomes columns.

Basic

<footer>
  <span>atlas · a static site tool</span>
  <span>Built with s72.</span>
</footer>

Two spans sit at the ends of one line and wrap on a narrow screen.

Columns

<footer>
  <nav aria-label="Docs">
    <small>Docs</small>
    <a href="/guide">Guide</a><a href="/reference">Reference</a><a href="/templates">Templates</a>
  </nav>
  <nav aria-label="Project">
    <small>Project</small>
    <a href="/changelog">Changelog</a><a href="/roadmap">Roadmap</a>
  </nav>
</footer>

Each <nav> stacks its own links under a <small> heading, and the columns fold to one under 560px.

Notes

• The column layout is picked up with :has(> nav), so a plain footer is left alone.
• A leading <small> or <p> directly in the footer keeps a full-width line of its own above the columns.
• The top rule is --s72-fg, the page ink at full strength.