JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div class="col">Fluid Column Fluid Column</div>
    <div class="col">Fluid Column</div>
    <div class="col">Fluid Column</div>
    <div class="col">Fluid Column</div>
    <div class="col">Fluid Column Fluid Column Fluid Column Fluid Column Fluid Column</div>
    <div class="col">Fluid Column</div>
    <div class="col">Fluid Column Fluid Column Fluid Column</div>
    <div class="col">Fluid Column</div>
</footer>

CSS

footer {
    overflow: auto;
    background: gray;   
}

footer .col {
    width: 12.5%;
    float: left;
    border-bottom: 1px solid black;
}