JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel risus ante. Ut iaculis sapien lectus, ut ornare orci sagittis eu. Quisque rhoncus risus at molestie auctor. Aliquam erat felis, auctor sit amet lorem et, tempor dapibus ante. Nunc ac velit ultrices libero sodales viverra. Sed id porttitor orci, sed accumsan ex. Phasellus nec blandit ligula. Duis vulputate vel justo vel rhoncus. Etiam venenatis vestibulum efficitur. Suspendisse potenti. Integer vitae sapien vestibulum sapien hendrerit porta. Phasellus elit purus, auctor vitae vehicula vel, tristique eget quam. Pellentesque sed eleifend ligula, quis eleifend felis. Sed tincidunt consectetur lectus eget pharetra.

Integer ultricies purus eu quam pharetra, et congue est pellentesque. Aenean vulputate mauris sit amet dolor rutrum sodales. Cras suscipit risus vitae dui luctus, a ornare mauris vehicula. Nulla facilisi. Aenean orci eros, tempus sit amet malesuada eu, cursus a nulla. Ut aliquet sem quis diam volutpat dapibus. Sed lobortis velit id nibh tristique rutrum. Cras rhoncus egestas viverra. Nam ut sodales tortor. Sed lobortis cursus laoreet. Donec id turpis ut justo scelerisque imperdiet. In hac habitasse platea dictumst. Quisque condimentum libero massa, a ullamcorper nunc pharetra eget. Sed rhoncus libero magna, pretium fermentum nisl egestas eget. Etiam vel turpis iaculis, tincidunt justo ullamcorper, ultricies nisi.

Sed sit amet diam dolor. Proin porta scelerisque risus. Praesent tincidunt elit aliquam nisl euismod vestibulum. Quisque ut convallis lectus. Praesent tellus augue, eleifend sed turpis vitae, cursus dapibus sem. Nulla vitae felis sit amet sapien malesuada vulputate. In non ipsum vel turpis ultricies elementum. Nulla odio ante, egestas in enim ut, dignissim faucibus nisl. Integer tincidunt aliquet risus. Praesent porttitor urna urna, quis luctus eros varius in. Curabitur odio sem, mattis ac laoreet ut, mattis sit amet felis. Ut ligula nisi, porta sit amet porttitor...

CSS

.footer {
  width: 100%;
  height: 30px;
  background: lime;
  color: black;
  
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

html, body {
  min-height: 100%;
}

body {
  padding:0 0 30px;
  background: red;
}