JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<div class="wrapper">
  <div class="header">Header</div>
  <div class="content">
    <div style="height:1000px;">Content</div>
  </div>
  <div class="footer">March Madness - Get 40% OFF on Anuall or Lifetime accounts</br>before the timer runs out. Use Coupon code: <span style="color:yellow">MADNESS</span></div>
</div>

CSS

html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  height: 100%;
}
 .footer {
  height: 48px;
  background: #111;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white
}
.content {
  height: 100%;
  overflow: auto;
  background: pink;
}