.container{
display: grid;
grid-template-columns: 897px calc(1020px - 100px - 10px) 100px;
grid-template-rows: 350px 100px calc(897px - 350px - 100px - 20px);
gap: 10px 10px;
grid-template-areas:
'a b b'
'a . c'
'a . .';
}
.map{
grid-area: a;
border: 3px solid black;
}
.info{
grid-area: b;
border: 3px solid black;
}
.coding{
grid-area: c;
border: 3px solid black;
}
Спасибо