<div class="group  px-6 py-5 w-72  rounded  space-y-1 bg-gray-200
  hover:bg-yellow-200">
  <div class="text-2xl text-gray-700 group-hover:text-blue-800 group-hover:text-4xl">Card Title</div>
  <p>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
    Quisquam repellendus error, qui natus ea quas, aut, ipsa illo
    cupiditate corrupti in quaerat enim. Iusto, impedit? Est saepe
    ratione dolorum officiis?
  </p>
</div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.2/tailwind.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.