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

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