blog/themes/mytheme/layouts/_default/single.html

{{ define "main" }}
<div class="max-w-6xl mx-auto bg-white p-10 pt-16 rounded-lg shadow-xl">
  <div class="mb-10 text-center ">
    <h1 class="text-xl md:text-3xl font-bold mb-6 text-black">{{ .Title }}</h1>
    <div class="date text-lg md:text-2xl">
      {{  .Date | time.Format ":date_long" }}
    </div>  
  </div>
  <div class="bg-gray-400 h-[1px] mb-8"></div>
  <div class="content text-lg md:text-[1.4rem] leading-relaxed">
  {{ .Content }}
  </div>
</div>

<nav class="text-2xl font-bold mt-10 ml-20">
  <a href="#" onclick="window.history.back()">
    < Back
  </a>
</nav>

{{ end }}