card4

<section>
  <div class="container py-24">
    <div class="relative">
      <div class="relative flex justify-start">
        <span class="bg-white pr-3 text-lg font-medium text-gray-600">
          All Issues
        </span>
      </div>
    </div>
    <div class="space-y-8 lg:divide-y lg:divide-gray-100">
      <div class="group pt-8 sm:flex lg:items-end">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="h-32 w-full rounded-md object-cover lg:w-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 group-hover:text-gray-500 lg:text-2xl">12 Graphic
              Design Skills You Need To Get Hired (& How to Develop
              Them)
            </a>
          </p>
          <p class="mt-2 text-lg 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 pt-8 sm:flex lg:items-end">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="h-32 w-full rounded-md object-cover lg:w-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 group-hover:text-gray-500 lg:text-2xl">Meet Now
              What? The essential new podcast for evolving designers
            </a>
          </p>
          <p class="mt-2 text-lg 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 pt-8 sm:flex lg:items-end">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="h-32 w-full rounded-md object-cover lg:w-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 group-hover:text-gray-500 lg:text-2xl">B2B Branding:
              5 tips to go from boring to extraordinary
            </a>
          </p>
          <p class="mt-2 text-lg 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 pt-8 sm:flex lg:items-end">
        <div class="mb-4 shrink-0 sm:mb-0 sm:mr-4">
          <img class="h-32 w-full rounded-md object-cover lg:w-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 group-hover:text-gray-500 lg:text-2xl">Building a
              Career in Character Design: A chat with Sarah Beth
              Morgan
            </a>
          </p>
          <p class="mt-2 text-lg 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>