JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article">1</div>
<div class="article big">2</div>
<div class="article wrong">3</div>
<div class="article">4</div>

CSS

.article {
    float: left;
    width: 140px;
    height: 140px;
    margin: 5px;
    padding: 20px;
    color: #FFF;
    background-color: #69C;
}

.article.big {
    height: 240px;
}

.article.wrong {
    background-color: #C00;
}