#wrapper{
    display:grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}

header{
    grid-row: 1/2;
    grid-column: 1/3;
    background-color: blue;
}

nav{
    grid-row: 1/2;
    grid-column: 3/-1;
    background-color: blue;
    margin: 0;
}

#homehero{
    grid-row: 3/4;
    grid-column: 1/-1;
    height: 300px;
    background-color: red;
    margin: 0;
}

main{
    grid-row: 4/5;
    grid-column: 3/-3;
    background-color: green;
    height: 500px;
}

footer{
    grid-row: 5/6;
    grid-column: 1/-1;
    background-color: orange;
    margin: 0;
    height: 50px;
}