JSFiddle - React, Tailwind, and code Playground

by hisbvdis

HTML

<div class="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
</div>

CSS

.list {
  width:100%;
  display: block;
}

.item {
    position: relative;
    width: calc(100% / 4 - 10px);
    height: 148px;
    font-size: 12px;
    overflow: hidden;
    background-color: red;
    float: left;
    margin: 5px;
}