<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" />
        <div class="inline-flex justify-between w-full">
          <h1 class="mb-8 text-xl font-semibold leading-none tracking-tighter text-gray-600">Short headline.</h1>
          <span>$00.00</span>
        </div>
        <p class="mx-auto text-base font-medium 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>
      <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" />
        <div class="inline-flex justify-between w-full">
          <h1 class="mb-8 text-xl font-semibold leading-none tracking-tighter text-gray-600">Short headline.</h1>
          <span>$00.00</span>
        </div>
        <p class="mx-auto text-base font-medium 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>
      <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" />
        <div class="inline-flex justify-between w-full">
          <h1 class="mb-8 text-xl font-semibold leading-none tracking-tighter text-gray-600">Short headline.</h1>
          <span>$00.00</span>
        </div>
        <p class="mx-auto text-base font-medium 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>
    </div>
  </div>
</section>