<section>
  <div class="container relative py-24">
    <div class="grid w-full grid-cols-1 gap-6 mx-auto lg:grid-cols-3">
      <div class="p-6">
        <img class="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl"
          src="/images/placeholders/original/neon-1.webp" alt="blog" />

        <h1 class="mx-auto mb-8 text-2xl font-semibold leading-none tracking-tighter text-gray-600 lg:text-3xl">Short
          headline.</h1>
        <p class="mx-auto text-base leading-relaxed text-gray-500">Free and Premium themes, UI Kit's, templates and
          landing pages built with Tailwind CSS, HTML & Next.js.</p>

        <div class="mt-4">
          <a href="#" class="inline-flex items-center mt-4 font-semibold text-blue-600 lg:mb-0 hover:text-gray-600"
            title="read more"> Read More » </a>
        </div>
      </div>
      <div class="p-6">
        <img class="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl"
          src="/images/placeholders/original/neon-2.webp" alt="blog" />

        <h1 class="mx-auto mb-8 text-2xl font-semibold leading-none tracking-tighter text-gray-600 lg:text-3xl">Short
          headline.</h1>
        <p class="mx-auto text-base leading-relaxed text-gray-500">Free and Premium themes, UI Kit's, templates and
          landing pages built with Tailwind CSS, HTML & Next.js.</p>

        <div class="mt-4">
          <a href="#" class="inline-flex items-center mt-4 font-semibold text-blue-600 lg:mb-0 hover:text-gray-600"
            title="read more"> Read More » </a>
        </div>
      </div>
      <div class="p-6">
        <img class="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl"
          src="/images/placeholders/original/neon-3.webp" alt="blog" />

        <h1 class="mx-auto mb-8 text-2xl font-semibold leading-none tracking-tighter text-gray-600 lg:text-3xl">Short
          headline.</h1>
        <p class="mx-auto text-base leading-relaxed text-gray-500">Free and Premium themes, UI Kit's, templates and
          landing pages built with Tailwind CSS, HTML & Next.js.</p>

        <div class="mt-4">
          <a href="#" class="inline-flex items-center mt-4 font-semibold text-blue-600 lg:mb-0 hover:text-gray-600"
            title="read more"> Read More » </a>
        </div>
      </div>
    </div>
  </div>
</section>