.grid-container {
    display: grid;
    grid-template-columns:  0.5fr 1.5fr 1.5fr 0.5fr;
    grid-template-rows: auto;
    gap: 2px;
    grid-template-areas:
    " . header header . "
    " . main main . "
    " . aside aside . "
    " footer footer footer footer ";
}

header {
    grid-area: header;
    display: block;
}

main {
    grid-area: main;
    display: block;
    margin: auto;

}

aside {
    grid-area: aside;
    display: block;
}

footer {
    grid-area: footer;
    display: flex;
    position: relative;
}