card1

<section>
  <div class="container py-24">
    <div class="flex flex-wrap md:flex-nowrap">
      <a href="">
        <div class="flex w-full">
          <div
            class="relative m-1 flex flex-col items-start rounded-xl bg-white shadow-2xl transition delay-150 duration-300 ease-in-out md:-ml-16 md:w-80 md:hover:-translate-x-16 md:hover:-translate-y-8">
            <img class="w-full rounded-t-xl object-cover object-center md:h-36 lg:h-48"
              src="/images/placeholders/original/neon-1.webp" alt="blog" />
            <div class="px-6 py-8">
              <h4 class="mt-4 text-2xl font-semibold text-gray-600">
                <span class="">Entry</span>
              </h4>
              <p class="mt-4 text-base font-normal text-gray-500">
                Install Tailwind CSS without any Javascript Framewrok locally
                with purgeCSS, enable the dark mode option, prefferences or
                class is upt to you.
              </p>
            </div>
          </div>
        </div>
      </a>

      <a href="">
        <div class="flex w-full">
          <div
            class="relative m-1 flex flex-col items-start rounded-xl bg-white shadow-2xl transition delay-150 duration-300 ease-in-out md:-ml-16 md:w-80 md:hover:-translate-x-16 md:hover:-translate-y-8">
            <img class="w-full rounded-t-xl object-cover object-center md:h-36 lg:h-48"
              src="/images/placeholders/original/neon-1.webp" alt="blog" />
            <div class="px-6 py-8">
              <h4 class="mt-4 text-2xl font-semibold text-gray-600">
                <span class="">Entry</span>
              </h4>
              <p class="mt-4 text-base font-normal text-gray-500">
                Install Tailwind CSS without any Javascript Framewrok locally
                with purgeCSS, enable the dark mode option, prefferences or
                class is upt to you.
              </p>
            </div>
          </div>
        </div>
      </a>

      <a href="">
        <div class="flex w-full">
          <div
            class="relative m-1 flex flex-col items-start rounded-xl bg-white shadow-2xl transition delay-150 duration-300 ease-in-out md:-ml-16 md:w-80 md:hover:-translate-x-16 md:hover:-translate-y-8">
            <img class="w-full rounded-t-xl object-cover object-center md:h-36 lg:h-48"
              src="/images/placeholders/original/neon-1.webp" alt="blog" />
            <div class="px-6 py-8">
              <h4 class="mt-4 text-2xl font-semibold text-gray-600">
                <span class="">Entry</span>
              </h4>
              <p class="mt-4 text-base font-normal text-gray-500">
                Install Tailwind CSS without any Javascript Framewrok locally
                with purgeCSS, enable the dark mode option, prefferences or
                class is upt to you.
              </p>
            </div>
          </div>
        </div>
      </a>
    </div>
  </div>
</section>