#layout {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(3,300px) minmax(0px, 1fr) ;
    grid-template-rows: 126px 346px repeat(3,310px) 125px;
}

header {
    grid-column: 1/3;
    grid-row: 1;
    background-color: rgba(107, 55, 255, 0.3)
}
nav {
    grid-column: 3/6 ;
    grid-row:1 ;
    background-color: rgba(255, 0, 0, 0.3)
}
main {
    grid-column: 2/5;
    grid-row: 3/6;
    background-color: rgba(235, 0, 255, 0.3);
}
footer {
    grid-column: 1/6;
    grid-row: 6;
    background-color: rgba(0, 238, 253, 0.3);
}
#homehero {
    background-color: rgba(0, 255, 26, 0.3);
    grid-column: 1/6;
    grid-row: 2/3;

}