JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<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>

</body>

CSS

#footer { 
			position: fixed; 
			bottom: 0; 
			width: 100%;
			border: 1px solid red;
			text-align: center;
			margin: 0;
    box-sizing: border-box;
    left:0;
		}