JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
        <!-- content -->
        <span>Header</span>
    </div>
    <div class="page-content">
        <!-- content -->
        <span>Content</span>
    </div>
    <div class="footer">
        <!-- content -->
        <span>Footer</span>
    </div>

CSS

.header{
    height: 101px;
    border:1px solid red;
}

.page-content{
    border:1px solid yellow;
}

.footer{
        height: 173px;
    border:1px solid green;
}