JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
		
			<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
				<div class="wrapper">
				<div class="box">
				
				</div>
			</div>
			
			
			
			
		</div><!-- Container close -->

CSS

body{
	background: black;
}

#container{
	width: 960;
	margin: 0 auto;
    font-size: 0;
}

.wrapper{
	display: inline-block;
	float: center;
}
.box{
	width: 240px;
	height: 240px;
	
	background: white;
}