JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div class="wrapper">
        hello<br />
         hello<br />
          hello<br />
           hello<br />
            hello<br />
             hello<br />
              hello<br />
               hello<br />
                hello<br />
                 hello<br />
                  hello<br />
                  hello<br />
         hello<br />
          hello<br />
           hello<br />
            hello<br />
             hello<br />
              hello<br />
               hello<br />
                hello<br />
                 hello<br />
                  hello<br />
                  hello<br />
         hello<br />
          hello<br />
           hello<br />
            hello<br />
             hello<br />
              hello<br />
               hello<br />
                hello<br />
                 hello<br />
                  hello<br />
                  hello<br />
         hello<br />
          hello<br />
           hello<br />
            hello<br />
             hello<br />
              hello<br />
               hello<br />
                hello<br />
                 hello<br />
                  hello<br />
        </div>
        <footer>
            Footer<br>
        </footer>
    </body>

CSS

footer {
    background-color: blue;
    min-height: 20%;
    position: relative;
    width: 100%;
}