JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div class="image">
    <img src="http://www.cmacgm-marcopolo.com/wp-content/uploads/2013/01/vignette-cargo-carnet-pratique-zeebrugge.jpg">
  </div>
  <div class="title">
    Title 1
  </div>
  <div class="price">
    100$
  </div>
  <div class="actions">
    <button>Edit</button>
    <button>Delete</button>
  </div>
</div>  
<div class="box">
  <div class="image">
    <img src="http://www.cmacgm-marcopolo.com/wp-content/uploads/2013/01/vignette-cargo-carnet-pratique-zeebrugge.jpg">
  </div>
  <div class="title">
    Title 1
  </div>
  <div class="price">
    100$
  </div>
  <div class="actions">
    <button>Edit</button>
    <button>Delete</button>
  </div>
</div>  
<div class="box">
  <div class="image">
    <img src="http://www.cmacgm-marcopolo.com/wp-content/uploads/2013/01/vignette-cargo-carnet-pratique-zeebrugge.jpg">
  </div>
  <div class="title">
    Title 1
  </div>
  <div class="price">
    100$
  </div>
  <div class="actions">
    <button>Edit</button>
    <button>Delete</button>
  </div>
</div>

CSS

.box { display: inline-block; width: 120px; padding: 10px; border: 1px solid black; margin-bottom: 20px; }
.box div { margin-bottom: 10px; }
.image { width: 100%; }
.image img { width: 100%; }
.title { text-align: center; }
.price { text-align: center; }
.actions { text-align: center; }