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

#blueheader {
    height: 92px;
    background-color: #14FF00;
    grid-row: 1 / 2;
    grid-column: 1 / -1;
    opacity: 30%;
}

#specialcustard {
    height: 484px;
    background-color: #FF0000;
    grid-row: 2 / 3;
    grid-column: 2 / -2;
    opacity: 30%;
}

#fodname {
    height: 275px;
    background-color: #0500FF;
    grid-row: 3 / 4;
    grid-column: 1 / -1;
    opacity: 30%;
}

#rngmeal {
    height: 356px;
    background-color: #FF00C7;
    grid-row: 4 / 5;
    grid-column: 2 / -2;
    opacity: 30%;
}

#rngnames {
    height: 148px;
    background-color: #0500FF;
    grid-row: 5 / 6;
    grid-column: 1 / -1;
    opacity: 30%;
}

#ordermenu {
    height: 245px;
    background-color: #BDFF00;
    grid-row: 6 / 7;
    grid-column: 2 / -2;
    opacity: 30%;
}