JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <ul id="footer_list">
        <li class="footer_list_item">A Blah Blah Production</li>
        <li class="footer_list_item">Phone: xxx-xxx-xxxx</li>
        <li class="footer_list_item">Email: <a href="#">support@company.com</a></li>
        <li class="footer_list_item"><a href="#">Career Info</a></li>
    </ul>
</footer>

CSS

footer{
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
    border-radius: 2px;

}
#footer_list{
    display:inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    list-style-type: none;
}
.footer_list_item{
    color: #001f3f !important;
}
.footer_list_item a {
     word-break: break-all;
}