JSFiddle - React, Tailwind, and code Playground

HTML

<div id="servicesGrid">
			
				<div id="serviceWide" class="service col" style="width:100%; margin:0 0 1px 0">
				
					
				
				</div>
				
				<div class="service col">
				
				
				
				</div>
				
				<div class="service col">
				
				
				
				</div>
				
				<div class="service col">
				
				
				
				</div>
				
				<div class="service col">
				
				
				
				</div>
				
			</div>

CSS

#servicesGrid
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.service
{
	width:calc(24.75% - 1px);
	height:45%;
	background:#262626;
	display:block;
	float:left;
	margin:1px;
}

#servicesGrid .service:nth-of-type(2)
{
	margin-left:0;
}

#servicesGrid .service:nth-of-type(5)
{
	margin-right:0;
}