.page-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(45px, 90px) 1fr auto;
    gap: 0em 0em;
    grid-auto-flow: row;
    grid-template-areas:
        "header"
        "content"
        "footer";
}

.header {
    grid-area: header;
}

.content {
    grid-area: content;
}

.footer {
    grid-area: footer;
}

/**
<div class="page-container">
    <div class="header"></div>
    <div class="content"></div>
    <div class="footer"></div>
</div>
**/
