{% extends "body_base.html" %}
{% block main %}
<main class="flex justify-center grow mt-2 sm:mt-4 pb-10">
  <div class="container">
    <div class="grid grid-cols-1 lg:grid-cols-[auto_1fr] gap-4">
      <!-- Documentation Menu -->
      <aside class="bg-base-200 rounded-lg p-4">
        {% include "documentation/menu.html" %}
      </aside>
      <!-- Main Content -->

      <article
        class="prose prose-sm md:prose-base prose-h1:mb-2 prose-h2:my-2 prose-p:my-2 prose-ul:my-2 prose-pre:my-2 flex mx-auto justify-center flex-col">
        {% block article %}
        {% endblock %}
      </article>
    </div>
  </div>
</main>
{% endblock %}