JSFiddle - React, Tailwind, and code Playground

HTML

<div>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>			
		</div>

CSS

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

div{
	background:green;
	text-align:center;
}

span{
	width:100%;
	height:100%;
	max-width: 50px;
	max-height: 50px;
	min-width: 32px;
	min-height: 32px;
	background: yellow;
	display: inline-block;
}