JSFiddle - React, Tailwind, and code Playground

by Burduja Serghei

HTML

<div class="grid">
	<div class="grid-item">item-1</div>
	<div class="grid-item">item-2</div>
	<div class="grid-item">item-3</div>
	<div class="grid-item">item-4</div>
	<div class="grid-item">item-5</div>
	<div class="grid-item">item-6</div>
	<div class="grid-item">item-7</div>
	<div class="grid-item">item-8</div>
	<div class="grid-item">item-9</div>
	<div class="grid-item">item-10</div>
	<div class="grid-item">item-11</div>
	<div class="grid-item">item-12</div>
</div>

CSS

.grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.grid-item {
	border: 1px solid #ccc;
}