{{ define "main" }}
    <div class="container mx-auto flex items-start px-4 md:px-0">
        <div class="md:w-3/12 my-8 sticky-sidebar md:pr-8">
            <nav></nav>
        </div>
        <div class="md:w-7/12 my-8">
            <header class="container mx-auto">
                {{ partial "docs/breadcrumb.html" . }}
                <h1>{{ .Title }}</h1>
            </header>
            <section class="container mx-auto my-8">
                {{ .Content }}
            </section>
            <p>
                <a href="{{ relref . "/learn/glossary" }}">&larr; Go back to the Glossary</a>
            </p>
        </div>

        <div class="md:w-2/12 md:ml-8 m8-8 "></div>
    </div>
{{ end }}