* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

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

header {
    background-color: blueviolet;
    grid-row: 1 / 2;
    grid-column: 1 / 9;
    opacity: 0.5;
    height: 110px;
}

nav {
    background-color: greenyellow;
    grid-row: 2 / 3;
    grid-column: 1 / 9;
    height: 400px;
    opacity: 0.5;
}

main {
    grid-row: 4 / 5;
    grid-column: 2 / 8;
    background-color: aqua;
    opacity: 0.5;
    height: 990px;
}

footer {
    background-color: pink;
    grid-row: 5 / 6;
    grid-column: 1 / 9;
    opacity: 0.5;
    height: 100px;
}