JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="container">
		<div class="block">1</div>
		<div class="block">2</div>
		<div class="block">3</div>
		<div class="block">4</div>
		<div class="block">5</div>
		<div class="block">6</div>
		<div class="block">7</div>
		<div class="block">8</div>
	</div>
</body>

CSS

body {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.container {
	width: 900px;
	background-color: #e1e1e1;
	padding-bottom: 20px;
	margin-top: 100px;
}

.block {
	display: inline-block;
	width: 200px;
	height: 200px;
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
	background-color: brown;
}