#wrapper{
    display:grid;
    grid-auto-rows: minmax(0px, 100px) minmax(0px, 70px) minmax(0px, 425px) minmax(0px, 525px) minmax(0px, 300px) minmax(0px, 75px) ;
    grid-template-columns: minmax(0px, auto) minmax(0px,992px) minmax(0px, auto) ;
}

header{
    grid-row: 1/ 2 ;
    grid-column: 1/ 4 ;
    background-color: rgba(250, 3, 3, 0.3);
}

nav{
    grid-row: 2/ 3 ;
    grid-column: 1/ 4;
    background-color: rgba(11, 7, 252, 0.3);
}

div{
    grid-row: 3/ 4;
    grid-column: 1/ 4 ;
    background-color: rgba(5, 184, 50, 0.3);
}

main{
    grid-row: 4/ 6;
    grid-column: 2/ 3;
    background-color: rgba(238, 5, 141, 0.3);
}
footer{
    grid-row: 6/ 7;
    grid-column: 1/ 4;
    background-color: rgba(241, 245, 5, 0.3);
}