JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contentBox"> <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>
 <a class="content"></a>

</div>

CSS

#contentBox {
    width: 300px;
    margin: 0 auto;
}
a.content {
    position: relative;
    display: block;
    float: left;
    width: 310px;
    height: 174px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #000 no-repeat;
    background-size: 100% 100%;
}