JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div class="wrapper">
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
    </div>
</footer

CSS

footer {
    width:100%;
    height:auto;
    background:black;
}
footer .wrapper {
    width:1000px;
    height:auto;
    margin:0 auto;
    color:white;
}
footer .wrapper .footer_column {
    width:333.3px;
    height:auto;
    float:left;
}