JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
</head>
<body>
    <div class="wrapper">
        Шапка
        Контент
        Колонки
        <div class="footer-push"></div>
    </div>
    <div class="footer">
        Подвал
    </div>
</body>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.wrapper {
    /*min-height: 100%;*/
    height: auto !important;
    height: 100%;
    padding: 0;
    background-color: #0f0;
    color: #fff;
}
.footer-push, .footer {
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #00f;
    color: #fff;
}