card5

<section>
  <div class="container py-24">
    <div class="grid grid-cols-1 gap-12 lg:grid-cols-2 lg:gap-24">
      <div class="group sm:flex lg:items-start">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="w-full rounded-md object-cover sm:size-32" src="/images/placeholders/original/neon-1.webp" alt="text" />
        </div>
        <div>
          <span class="text-sm text-gray-500">August 20.20.21</span>
          <p class="mt-3 text-lg font-medium leading-6">
            <a href="./blog-post.html" class="text-xl text-gray-800 hover:text-gray-500">B2B Branding: 5 tips to go from
              boring to extraordinary
            </a>
          </p>
          <p class="text mt-2 leading-normal text-gray-500">
            A wonderful serenity has taken possession of my entire soul, like
            these sweet mornings of spring which I enjoy with my whole heart.
          </p>
        </div>
      </div>

      <div class="group sm:flex lg:items-start">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="w-full rounded-md object-cover sm:size-32" src="/images/placeholders/original/neon-2.webp" alt="text" />
        </div>
        <div>
          <span class="text-sm text-gray-500">August 20.20.21</span>
          <p class="mt-3 text-lg font-medium leading-6">
            <a href="./blog-post.html" class="text-xl text-gray-800 hover:text-gray-500">Building a Career in Character
              Design: A chat with Sarah Beth
              Morgan
            </a>
          </p>
          <p class="text mt-2 leading-normal text-gray-500">
            A wonderful serenity has taken possession of my entire soul, like
            these sweet mornings of spring which I enjoy with my whole heart.
          </p>
        </div>
      </div>

      <div class="group sm:flex lg:items-start">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="w-full rounded-md object-cover sm:size-32" src="/images/placeholders/original/neon-3.webp" alt="text" />
        </div>
        <div>
          <span class="text-sm text-gray-500">August 20.20.21</span>
          <p class="mt-3 text-lg font-medium leading-6">
            <a href="./blog-post.html" class="text-xl text-gray-800 hover:text-gray-500">12 Graphic Design Skills You
              Need To Get Hired (& How to Develop
              Them)
            </a>
          </p>
          <p class="text mt-2 leading-normal text-gray-500">
            A wonderful serenity has taken possession of my entire soul, like
            these sweet mornings of spring which I enjoy with my whole heart.
          </p>
        </div>
      </div>

      <div class="group sm:flex lg:items-start">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="w-full rounded-md object-cover sm:size-32" src="/images/placeholders/original/neon-4.webp" alt="text" />
        </div>
        <div>
          <span class="text-sm text-gray-500">August 20.20.21</span>
          <p class="mt-3 text-lg font-medium leading-6">
            <a href="./blog-post.html" class="text-xl text-gray-800 hover:text-gray-500">Meet Now What? The essential
              new podcast for evolving designers
            </a>
          </p>
          <p class="text mt-2 leading-normal text-gray-500">
            A wonderful serenity has taken possession of my entire soul, like
            these sweet mornings of spring which I enjoy with my whole heart.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>