JSFiddle - React, Tailwind, and code Playground

by rus333

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">
        <p>текст</p>
    </div>
    </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 {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #00f;
    color: #fff;
    position: absolute;
    bottom: 0;
}