JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="container">dfdjsfjlls
 sfsf sfljslfjlsjf sjkj jkjkjsflsjfls lsjf
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs 
 jksfjs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfssfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfssfkskfjs jskfjskf
 sjkfjskfs jskf sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfssfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfssfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs
 sfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfssfkskfjs jskfjskf
 sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjskjfs sjkfjskfs jskfjs
 jkfjskjf 
 sfsjkfj 
 sfjsk
 
 fd</div>
 <div>another</div>
 <div class="footer">dfdf</div>

CSS

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  
}
.footer {
  margin-top: auto;
  background: green;
  padding: 50px;
}