JSFiddle - React, Tailwind, and code Playground

by Brad9aga

HTML

<div class="container border border-primary">

    <div id="navigation">
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        </nav>
    </div>

    <div id="content">
        <h1>Hello, world!</h1>
    </div>
    <div id="footer" class="bg-primary">
        123
    </div>
</div>

CSS

*{
  margin: 0;
}
html, body {
    height: 100%;
    width: 100%;
}

#footer{

    position:fixed;
    bottom: 0;
    outline:1px solid red;
    width: 100%;
}

.container{
  width: 100%;
}