JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="parent">
	<div class="child"></div>
	<div class="child"></div>
	<div class="child"></div>
</div>

CSS

.parent {
	background: rebeccapurple;
	display: flex;
	flex-wrap: wrap;
	height: 400px;
}

.child {
	background: yellow;
	display: block;
	height: 100px;
	margin: auto;
	max-width: 320px;
	width: 75%;
}