JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<div style="flex-direction: row; width: 22px; align-items: stretch;">
    <div style="background-color: black; flex: 1;"></div>
    <div style="background-color: red; flex: 1;"></div>
    <div style="background-color: blue; flex: 1;"></div>
    <div style="background-color: orange; flex: 1;"></div>
    <div style="background-color: green; flex: 1;"></div>
    <div style="background-color: purple; flex: 1;"></div>
    <div style="background-color: red; flex: 1;"></div>
</div>

CSS

div { display: flex; height: 3px; }