JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    
    <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>

</body>

CSS

#contentBox
{
	position: relative;
	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%;
}