3card_grid_button

<section class="border-b pb-4">
  <div class="max-w-5xl mx-auto justify-center items-center grid grid-cols-3 gap-4 p-2 pt-6">
    <div class="max-w-sm p-8 bg-white border border-gray-200 rounded-lg shadow flex justify-between items-center">
      <div>
        <div class="pb-4 pl-1 underline text-2xl">Title</div>
        <a href="" class="inline-flex items-center px-3 py-2 text-sm font-small text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Button</a>
      </div>
      <img src="https://via.placeholder.com/50" alt="Image" class="ml-4 w-16 h-16 rounded-full object-cover">
    </div>

    <div class="max-w-sm p-8 bg-white border border-gray-200 rounded-lg shadow flex justify-between items-center">
      <div>
        <div class="pb-4 pl-1 underline text-2xl">Title</div>
        <a href="" class="inline-flex items-center px-3 py-2 text-sm font-small text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Button</a>
      </div>
      <img src="https://via.placeholder.com/50" alt="Image" class="ml-4 w-16 h-16 rounded-full object-cover">
    </div>

    <div class="max-w-sm p-8 bg-white border border-gray-200 rounded-lg shadow flex justify-between items-center">
      <div>
        <div class="pb-4 pl-1 underline text-2xl">Title</div>
        <a href="" class="inline-flex items-center px-3 py-2 text-sm font-small text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Button</a>
      </div>
      <img src="https://via.placeholder.com/50" alt="Image" class="ml-4 w-16 h-16 rounded-full object-cover">
    </div>
  </div>
</section>