JSFiddle - React, Tailwind, and code Playground

by ShimShamSam

HTML

<h1 class='title'></h1>
<div class="bars">
		<div class="bar1"></div>
		<div class="bar2"></div>
		<div class="bar3"></div>
		<div class="bar4"></div>
</div>

CSS

.bars div {
    width: 1000px;
    height: 20px;
    color: slateblue;
    margin: 10px;
    background-color: lightblue;
}

.bar1:hover {
    background-color: darkolivegreen;
}
.bar2:hover {
    background-color: lightcoral;
}
.bar3:hover {
    background-color: violet;
}
.bar4:hover {
    background-color: sandybrown;
}