JSFiddle - React, Tailwind, and code Playground

HTML

<section class="container">
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
		<div class="coral"></div>
		<div class="bisque"></div>
	</section>

CSS

* {
	margin: 0;
	padding: 0;
}
.container {
	width: 250px;
	margin: 50px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
div {
	width: 50px;
	height: 50px;
	margin: 5px;
}
.coral {
	background-color: coral;
}

.bisque {
	background-color: bisque;
}