JSFiddle - React, Tailwind, and code Playground

HTML

<article><p></p> <p></p> <p></p> <p></p></article>

CSS

*{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	
}

article{
	position:adsolute;
	top:50%;
	left:50%;
	width:600px;
	background:blue;
	text-align:center;

}

p{
	width:36%;
	height:30%;
	max-width:240px;
	max-height:200px;
	min-width:120px;
	min-height:100px;	
	background: red;
	display: inline-block;
}