body{
    margin: 5px;
}

.parent {
    display: grid;
    grid-template-columns: 20% 70% 10%;
    grid-template-rows: 5em 60% 5em;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin: 2em 2em;
}

.div_head { 
    grid-area: 1 / 1 / 2 / 4; 
    background-color: lightblue;
}

.div_left { 
    grid-area: 2 / 1 / 3 / 2;
    background-color: lightgreen; 

}

.div_main{ 
    grid-area: 2 / 2 / 3 / 4; 
    background-color: lightgoldenrodyellow;
}

.div_foot { 
    grid-area: 3 / 1 / 4 / 4; 
    background-color: lightcoral;
}