JSFiddle - React, Tailwind, and code Playground

by hopest

HTML

<div class="wrapper">
    <div class="content">
        	<h1>Пример №2 к статье</h1> 
        <p>Они взобравшись рукописи маленький. Прямо рекламных, своего обеспечивает всемогущая власти однажды запятой толку? Приставка даль от всех, на берегу дал если переулка но составитель рукопись заголовок лучше первую выйти буквоград повстречался пунктуация.</p>
    </div>
    <!-- .content -->
    <div class="footer">
        
    </div>
</div>
<!-- .wrapper -->
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
html, body, .wrapper {
    height: 100%;
}
.content {
    background-color:rgba(115,115,155,.5);
    box-sizing: border-box;
    min-height: 100%;
    padding-bottom: 90px;
}
.footer {
    height: 80px;
        background-color:rgba(215,165,155,.9);
    margin-top: -80px;
}