JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid-container">
  <div class="grid-item">
	  1
	</div>
	<div class="grid-item">
		2
	</div>
	<div class="grid-item">
		3
	</div>
	<div class="grid-item">
		4
	</div>
	<div class="grid-item">
		5
	</div>
</div>

CSS

body {
	margin: 0;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.grid-item {
	padding: 10px;
	background: skyblue;
}