JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="container">
		<div class="row yellow">
			<div class="column-1 red">
				column-1
			</div>

			<div class="column-1 blue">
				column-1
			</div>

			<div class="column-1 green">
				column-1
			</div>

			<div class="column-1 orange">
				column-1
			</div>

			<div class="column-1 red">
				column-1
			</div>

			<div class="column-1 blue">
				column-1
			</div>

			<div class="column-1 green">
				column-1
			</div>

			<div class="column-1 orange">
				column-1
			</div>

			<div class="column-1 red">
				column-1
			</div>
		</div>
	</div>
</body>

CSS

.red {
	background-color: red;
}

.blue {
	background-color: blue;
}

.green {
	background-color: green;
}

.yellow {
	background-color: yellow;
}

.orange {
	background-color: orange;
}

.container {
	width: 90%;
	margin: auto;
}

.row {

}

.column-1 {
	float: left;
	width: 10%
}