{{ define "main" }}
  {{ partial "section-heading.html" . }}
  <section class="flex flex-wrap -mx-2 overflow-hidden">
    {{ range .Site.Taxonomies.topics }}
      <article
        class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5"
      >
        <h2>
          <a
            class="text-xl font-medium hover:underline"
            href="{{ .Page.Permalink }}"
            >{{ .Page.Title }}</a
          >
          <span class="text-base text-gray-400">
            <span class="px-1">&middot;</span>
            {{ .Count }}
          </span>
        </h2>
      </article>
    {{ end }}
  </section>
{{ end }}