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

}

header{
    grid-column: 1/7;
    background-color: rgba(0, 255, 255, 0.6);
    padding: 1.5rem;
}
#homehero{
    grid-row:2/4;
    grid-column: 1/7 ;
    background-color: rgba(0, 40, 255, 0.3);
}
   
#gallery{
    grid-row:4/6 ;
    grid-column:1/7;
    background-color: rgba(11, 156, 49, 0.2);
}
main{
    grid-row:4/8 ;
    grid-column: 1/7;
    background-color: rgba(255, 255, 0, 0.3);
}
footer{
    grid-row:8/8;
    grid-column: 1/7;
   background-color:  rgba(210, 15, 255, 0.3);
   padding: 1rem;
   background-color: rgba(24, 22, 22, 0.3);
}