JSFiddle - React, Tailwind, and code Playground

HTML

<div class="colorLine">
					<span class="orange"></span>
					<span class="blue"></span>
					<span class="red"></span>
					<span class="yellow"></span>
					<span class="green"></span>
				</div>

CSS

.orange, .blue, .red, .yellow, .green{
	width: 188px;
	height: 9px;
	float: left;
}
.orange{
	background: #f6d086;
}
.blue{
	background: #85b3e7;
}
.red{
	background: #de7673;
}
.yellow{
	background: #fbdd76;
}
.green{
	background: #8eca68;
}