.container {
    border: solid 1px;
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 1em;
}

header {
    border: solid 1px;
    border-radius: 5px;
    grid-column: 1/5;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

}

header>div {
    border: solid 1px;
    border-radius: 5px;
    text-align: center;
}

aside {
    border: solid 1px;
    border-radius: 5px;
    grid-column: 1/2;
    grid-row: 2;

}

article {
    border: solid 1px;
    border-radius: 5px;
    grid-column: 2/5;
    grid-row: 2;

}


footer {
    border: solid 1px;
    border-radius: 5px;
    grid-column: 1/5;
    grid-row: 3;

}