JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div>
        <ul>
            <li>Lien 1</li>
            <li>Lien 2</li>
            <li>Lien 3</li>
            <li>Lien 4</li>
        </ul>
    </div>
    <div>
        <ul>
            <li>Lien 1</li>
            <li>Lien 2</li>
            <li>Lien 3</li>
        </ul>
    </div>
</footer>

CSS

footer{
    display: table;
    width: 100%;
}

footer > div{
    display: table-cell;
    width: 25%;
    background: #0f0;
    vertical-align: top;
}

footer > div + div{
    width: 75%;
    background: #f00;
}