JSFiddle - React, Tailwind, and code Playground

HTML

<header>Hello World</header>
<main>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta ipsum eget lectus posuere eleifend. Cras eget sollicitudin enim, non condimentum quam. In posuere id eros in rutrum. Fusce sed urna quis nunc malesuada sollicitudin a sit amet augue. Pellentesque quis leo ac neque mattis mattis vitae sed nisi. Sed non neque diam.</main>
<footer>
Quisque viverra sodales sapien, in ornare lectus iaculis in. Nam dapibus, metus a volutpat scelerisque, ligula felis imperdiet ipsum, a venenatis turpis velit vel nunc. In vel pharetra nunc. Mauris vitae porta libero. Ut consectetur condimentum felis, sed mattis justo lobortis scelerisque. 
</footer>

CSS

body {
    padding: 0; margin: 0;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1;
    padding: 1em;
}
header, footer {   
    background-color: #abc;
    padding: 1em;
}