JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div class="wrapper">
            <div class="header">
                <p>хедер </p>
            </div>
            <div class="content">
                <p> контент</p>
            </div>
            <div class="footer">
                <p> футер </p>
            </div>
        </div>
    </body>

CSS

.wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
 
.content {
    flex: 1;
}