Tailwind CSS Card - Versoly UI

<div class="card">
  <div class="card-body">
    <h5 class="font-semibold mb-3">Card title</h5>
    <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    <button class="btn btn-primary">Go to Post</button>
  </div>
</div>

<div class="card">
  <img src="https://d1pnnwteuly8z3.cloudfront.net/images/dafc1e05-b0e8-4c6d-b375-4a62333bbd5a/a372a582-281d-46ca-a0fc-b04e11242355.jpeg" />
  <div class="card-body">
    <h5 class="font-semibold mb-3">Card title</h5>
    <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    <button class="btn btn-primary">Go to Post</button>
  </div>
</div>

<div class="card">
  <div class="card-header">
    <h5 class="font-semibold mb-0">Card Title</h5>
  </div>
  <div class="card-body">
    <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
  </div>
  <div class="card-footer">
    <button class="btn btn-primary">Go to Post</button>
  </div>
</div>

<div class="col lg:w-4/12 mb-3">
  <div class="card">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>
<div class="col lg:w-4/12 mb-3">
  <div class="card">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus ?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>
<div class="col lg:w-4/12 mb-3">
  <div class="card">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>

<div class="col lg:w-4/12 mb-3">
  <div class="card h-full">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>
<div class="col lg:w-4/12 mb-3">
  <div class="card h-full">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus ?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>
<div class="col lg:w-4/12 mb-3">
  <div class="card h-full">
    <div class="card-header">
      <h5 class="font-semibold mb-0">Card title</h5>
    </div>
    <div class="card-body">
      <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure sequi tenetur, voluptatibus harum consequuntur alias quaerat excepturi temporibus nisi commodi, ex, ratione quae soluta! Saepe alias dolores dolorem assumenda totam?</p>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Go to Post</button>
    </div>
  </div>
</div>