<div class="border border-salmon">
    <div class="inline-flex items-center justify-start px-8 pt-2.5 pb-2 bg-salmon w-full">
        <p class="flex-1 w-full text-2xl font-medium leading-loose text-almost-white">{{.Title}}</p>
    </div>
    <div class="prose pt-4 px-8">
        <p class="text-base leading-snug text-salmon">
            {{.Summary}}
        </p>
    </div>
    <div class="inline-flex items-center justify-start px-8 pt-2.5 pb-2 bg-salmon w-full">
        {{ if .Title }} <a class="flex-1 w-full text-xl underline font-normal leading-loose text-almost-white"
            href="{{ .Permalink }}">Read more</a> {{ end }}
    </div>
</div>