JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer-container">
                <div>
                <div class="footer-left"></div>
                <div class="footer-right"></div>
                </div>
            </div>

CSS

.footer-container
{
    height:53px;
    width:100%;
    position:fixed;
}

.footer-left
{
    background-color:#f00;
    width:33%;
    height:31px;
    position:absolute;
    bottom:0;
    left:0;
}

.footer-right
{
    background-color:#0f0;
    width:33%;
    height:31px;
    position:absolute;
    bottom:0;
    right:0;
}