JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul {
	margin: 0 auto;
	width:100%;
	list-style: none;
    position:relative;
    text-align: center; 
    vertical-align: middle;
}


ul li {
	width: 218px;
	height: 218px;
	display: inline-block;
    background:#ccc;
	margin: 40px;
	border: 1px solid #d9d9d9;
	box-shadow: 1px 1px 1px #f2f2f2;
	position: relative;
	padding:0px;
	overflow:hidden;
    
}