JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <div class="header">
       Это шапка
   </div>
   <div class="content">
       <h1>Это контент</h1>
       <h1>Это контент</h1> 
   </div>
   <div class="footer">
       Это футер
   </div>
</div>

CSS

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.container {
   min-height:100%;
   position:relative;
}
.header {
   background:#ff0;
   padding:10px;
}
.content {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}