JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

CSS

body {

	display: grid;
	grid-template-columns: repeat(10, 1fr);

}
div {
	width: 100%;
	line-height: 3;
	display:grid;
	place-items: center;
	border: 1px solid black;
}


body div:nth-child(5n + 1) {
	background: red;
}

JavaScript

for (let i = 1; i <= 100; i++) {
$('body').append('<div>' + i + '</div>');
}