#content {
    height: 100vh;
    /* grid container settings */
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto;
    grid-template-areas:
        'main'
        'footer';
}

    #content > .main {
        grid-area: main;
        padding: 15px 5px 10px 5px;
    }


    #content > footer {
        grid-area: footer;
    }