JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wraped">
<div id="block"></div>
<div id="block"></div>
<div id="block"></div>
</div>

CSS

body{
	max-width:600px;
	border:1px black solid;
	margin:0 auto;
}
#wraped{
	border:1px black solid;
	width:86.833%;
	margin:0 auto;
}
#block{
	width:31.477%;
	height:100px;
	background:red;
	margin-right:1.919%;
	display:inline-block;
}
#block:last-of-type{
	margin:0;
}