JSFiddle - React, Tailwind, and code Playground

by andyw_

HTML

<div class="parent">
    <div>Content1</div>
    <div>Content2</div>
    <div>Content3</div>
    <div>Content4</div>
    <div>Content5</div>
</div>

CSS

.parent { width: 100%; }
.parent > div { width: 20%; float: left; }
.parent > div:nth-child(1) { background-color: black; }
.parent > div:nth-child(2) { background-color: blue; }
.parent > div:nth-child(3) { background-color: purple; }
.parent > div:nth-child(4) { background-color: orange; }
.parent > div:nth-child(5) { background-color: yellow; }