.grid-container {
    display: grid;
    /*margin: 1em 21.5% 1em 21.5%;   todo*/
    grid-template-areas:
                'header header'
                'menu main';
    gap: 10px;
    background-color: #f9f9f9;
    border: 1px solid black;
}

.container-header {
    grid-area: header;
    grid-template-columns: 45% 1fr;
}

.container-main {
    display: flex;
    gap: 10px;
}

@media (max-width: 768px) {
    .grid-container {
        margin: 0;
        border: none;
    }
}