JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col">

<div class="card-columns">
  <div class="card">
    <div class="card-body">
      <div class="card-title">title</div>
      <div class="card-text">
        body
      </div>
    </div>
    <div class="card-footer">
      footer
    </div>
  </div>
  
  <div class="card">
    <div class="card-body">
      <div class="card-title">title</div>
      <div class="card-text">
        body
      </div>
    </div>
    <div class="card-footer">
      footer
    </div>
  </div>
  
  <div class="card">
    <div class="card-body">
      <div class="card-title">title</div>
      <div class="card-text">
        body
      </div>
    </div>
    <div class="card-footer">
      footer
    </div>
  </div>
</div>

</div>
</div>
</div>

CSS

.col {

}

.card-columns {
  column-count: 3;
}

.card {
  box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);
}