JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
            <div id="content">
            </div>
            <div id="content">
            </div>
            <div id="content">
            </div>
            <div id="content">
            </div>
        </div>
<div id="container2">
            <div id="content" style="height:200px">
            </div>
            <div id="content" style="height:200px">
            </div>
            <div id="content" style="height:200px">
            </div>
            <div id="content" style="height:200px">
            </div>
        </div>

CSS

#container{
    width:150px;
    height:auto;
    margin-top:50px;
    position:absolute;
    border: 1px rgba(0,0,0,.4) solid;
    background:#fff;
    padding-bottom:25px;
}
#container2{
    width:150px;
    height:auto;
    margin-top:50px;
    position:absolute;
    border: 1px rgba(0,0,0,.4) solid;
    background:#fff;
    margin-left:200px;
    padding-bottom:25px;
}
#content{
    position:relative;
    width:100px;
    height:100px;
    margin-left:25px;
    margin-top:25px;
    background:#666;
}