JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bottombanner">
<div>
    <ul>
        <li><a href="contact.html">ContactUs</a></li>
        <li><a href="about.html">AboutUs</a></li>
        <li><a href="help.html">Help</a></li>
        <li><a href="bugs.html">BugReportBox</a></li>
        <li><a href="suggestions.html">SuggestionBox</a></li>
    </ul>
</div>
</div>

CSS

#bottombanner{
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 130px;
}

#bottombanner > div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}