JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>ABCDE</div>
    <div>FG</div>
    <div>HIJKLM</div>
    <div>N</div>
    <div>OPQ</div>
    <div>RSTUVWX</div>
    <div>YZ</div>
</div>

CSS

* {
    box-sizing: border-box;
}
html, body {
    width: 100%;
}
div {
    width: 100%;
    min-width: 100;    
    display: table;
}
div > div {
    min-width: auto;
    width: auto;
    display: table-cell;
    border-right: 1px solid #000;
    text-align: center;
}
div > div:first-of-type {
    border-left: 1px solid #000;
}