JSFiddle - React, Tailwind, and code Playground

by Zihua Li

HTML

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>

CSS

.item {
    float: left;
    width: 40%;
    margin: 10px 4%;
    height: 0;
    padding-bottom: 64.72%;
    background-color: #dbe0e4;
}