JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-4 block_o">
    <div class="block_1">Block #1<br>Block #1<br>Block #1</div>
</div>

<div class="col-xs-3 col-sm-3 col-md-4 block_o">
    <div class="block_2">Block #2<br>Block #2</div>
</div>

<div class="col-xs-3 col-sm-3 col-md-4 block_o">
    <div class="block_3">Block #3<br>Block #3Block #3<br>Block #3Block #3<br>Block #3Block #3<br>Block #3</div>
</div>
        </div>

CSS

.block_o div {
    padding: 10px;
    
}
.block_1 {
    background: #9E9FDE;
}
.block_2 {
    background: #C21ACA;
}

.block_3 {
    background: #B32C2C;
}