JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="block1 block"></div>
    <div class="block2 block"></div>
    <div class="block3 block"></div>
    <div class="block4 block"></div>
    <div class="block5 block"></div>
    <div class="block6 block"></div>
</div>

CSS

.container{
    width:640px
}
.block{
    background:#ccc;
    width:300px;
    float:left;
    box-shadow:inset 0px 0px 1px red;
    margin-right: 17px;
    margin-bottom: 23px;
}
.block1{
    height:364px;
}
.block2{
    height:160px;
}
.block3{
    height:160px;
}
.block4{
    height:140px;
}
.block5{
    height:132px
}
.block6{
    height:112px
}