JSFiddle - React, Tailwind, and code Playground

HTML

<header>header</header>
<div class="wrapper">
    <div class="content">content экспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панеэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панеллэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелэкспресс-панелс-панелэкспресс-панелэкспресс-панелэкспресс-панелent content content content content content content content content content content content content content content content content content content</div>
</div>
<footer>footer</footer>

CSS

html, body {
    height:100%;
    margin:0;
    padding:0;
}
header {
    position:absolute;
    top:0;
    left:0;
    height:60px;
    width:100%;
    background:blue;
}
.wrapper {
    margin:0 auto;
    width:80%;
    min-height:100%;
    background:red;
}
footer {
    width:100;
    height:100px;
    margin-top:-100px;
    background:green;
}
.content {
    padding: 70px 10px 110px;
}