{{ define "main" }}

  <div class="container mx-auto p-4 grid gap-6">
    <header class="mb-8">
      <h1 class="text-4xl font-mono font-bold text-center">Posts Tagged: {{ .Title }}</h1>
      {{ if .Description }}
        <p class="text-xl text-gray-600">{{ .Description }}</p>
      {{ end }}
    </header>

    <div class="grid sm:grid-cols-4 gap-6">
      {{ range .Pages }}
        {{ partial "card_3.html" (dict "title" .Title "summary" .Summary "link" .RelPermalink "imageUrl" .Params.image "imageAlt" .Params.imageAlt "classList" "sm:col-span-1") }}
      {{ end }}
    </div>
  </div>

{{ end }}