JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<section>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</section>

CSS

body {background-color:steelblue;}
section {padding: 1rem; text-align:center;font-size:0;}
div {
    width: 25%;
    min-width: 300px;
    display: inline-block;
    height: 200px;
    border: 3px solid #333;
    background-color: white;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.4);
}

* {  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}