.container{
 display: grid;
 grid-template-areas: 
        banner
 nav    main
 nav    main
 footer footer;
 grid-template-columns: 0.5fr 1fr 1fr 0.5fr 1fr;
 border: 8px ridge;
}
.banner{
 background-color: rgb(0, 255, 60);
 grid-area: banner;
 grid-column: 2/ span 4;
 grid-row: 1;
 height: 150px;
}
.nav{
background-color: aquamarine;
grid-area: nav;
grid-column: 1;
grid-row: 1/ span 280;
height: 915px;
}
.main{
    background-color: brown;
    grid-area: main;
    grid-column: 2/span 4;
    grid-row: 2/ span 269;
    height: 750px;
}
.footer{
background-color: blueviolet;
grid-area: footer;
grid-column: 2/ span 4;
grid-row: 271;
height: 15px; 
}