JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="bargraph">
    <dt>test</dt>
    <dt>test</dt>
    <dt>test</dt>
    <dt>test</dt>
    <dt>test</dt>
    <dt>test</dt>
</dl>

CSS

.bargraph {
    display: flex;
    overflow: hidden;
    background: red;
}

.bargraph>dt {
    flex: 0 0 50%;
}