#wrapper {
    background-color: rgb(187, 187, 28);
    width: 100%;
    margin:auto;
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6,minmax(0, 175px)) minmax(0px, 1fr);
    grid-template-rows: minmax(0px, 1fr) repeat(6,minmax(0, 175px)) minmax(0px, 1fr);
}

header {
    background-color: rgb(171, 171, 175);
    grid-column: 1 / -1;
    grid-row: 1 / -7;
}

nav {
    background-color: rgb(237, 234, 76);
    grid-row: 3 / -7;
    grid-column: 1 / -1;
}

h1 {
    text-align: center;
}

main {
    background-color: rgb(59, 168, 92);
    grid-column: 2 / -2;
    grid-row: 1 / -1;
    text-align: center;
}

footer {
    grid-row: 7 / -1;
    grid-column: 1 / -1;
    background-color: rgb(223, 229, 162);
}