JSFiddle - React, Tailwind, and code Playground

HTML

<header>
        <div id="banner">
        Header
        </div>
        </header>
        
<div id="main">Content</div>

<footer><a href='#'>Terms of Service</a></footer>

CSS

html {
    height: 100%;
}

body {
    margin: 0;
    text-align: center;
    height: 100%;
}


footer {
        background-color: #003162;
        padding: 5px;
        height: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 80%;
}

footer, footer a {
        color: #fdb515;
}