JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
	<ul class="myList">
<?php for ( $i=0; $i<15; $i++ ) { ?>
		<li>Something<br>Something</li>
	</ul>
                   <?php } ?>
<!-- #wrapper --></div>

CSS

#wrapper {
	overflow:hidden;
	padding:1.5em 0;
	margin:0 auto;
	max-width:72em;
}


.myList {
	list-style:none;
	text-align:center;
	padding-top:1em;
}

.myList li {
	display:inline-block;
	width:16em;
	height:9em;
	margin:0 0.6em 1em;
	background:#BD5;
}