Cards

<table class="sm:w-full font-sans shadow-xl rounded">
  <tr>
    <td>
      <img class="rounded-t" src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=600&h=300&q=80" alt="">
    </td>
  </tr>
  <tr>
    <td class="p-6 bg-white rounded-b">
      <span class="text-xs text-slate-500">April 7, 2020</span>
      <h2 class="mt-2 mb-3 text-2xl leading-full">
        <a href="https://example.com" class="text-black hover:text-slate-700 [text-decoration:none]">
          Lorem ipsum dolor sit amet, consectetur
        </a>
      </h2>
      <p class="m-0 mb-16 text-base text-slate-500">
        Anim ullamco anim ipsum Lorem id voluptate consequat excepteur proident cillum mollit.
      </p>
      <a href="https://example.com" class="text-blue-500 [text-decoration:none] hover:[text-decoration:underline]">
        Learn more &rarr;
      </a>
    </td>
  </tr>
</table>