JSFiddle - React, Tailwind, and code Playground

HTML

<div class="products">

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

<div class="block"><h2>...</h2><img src="http://www.w3.org/Style/Woolly/woolly-mc.png"><p>...</p></div>

</div>

CSS

.products {
    display:inline-block;
}

.block {
    position:relative;
    width:213px;
    height:250px;
    background-color:#EEE;
    margin:10px;
    float:left;
    left:-10px;
}

.block h2 {
    text-align: center;   
}

.block img {
    display: block;
    margin: 0 auto;
}