JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="grid">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</div>

CSS

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 10%;
	grid-gap: 10px;
}

.item {
	background: #000;
	height: 100%;
	width: 100%;
}