JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">	<a href="/" style="float:left">Finger</a>
	<a href="motion.htm">Motion</a>
	<a href="commands.htm" style="float:right">Commands</a>

</div>

CSS

html, body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    border: 1px solid red;
    text-align: center;
    margin: 0;
}