      <code class="astro-3HS6YOU4">.main-content</code> will fill the gap in <code class="astro-3HS6YOU4">.app-main</code>.
                    </p>
                    <pre class="astro-3HS6YOU4"><code class="astro-3HS6YOU4">&lt;div class=&quot;app-main&quot;&gt;
  &lt;header class=&quot;main-heading&quot;&gt;
    ... (not required, can be multiple)
  &lt;/header&gt;
  &lt;main class=&quot;main-content&quot;&gt;
    ... (required, must be single)
  &lt;/main&gt;
  &lt;footer class=&quot;main-footer&quot;&g