JSFiddle - React, Tailwind, and code Playground

by mrnobody

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:10%;
	/* max-width: 50px; */
	/* min-width: 32px; */
	background: yellow;
	display: inline-block;
}
span:after {
    content: "";
    padding-top: 100%;
    height: 0;
    display: block;
}