#wrapper{
    display: grid;
    grid-template-rows: 300px 500px 250px 300px 300px 300px 300px 300px;
    grid-template-columns: minmax(0px, 1fr) repeat(6,minmax(0,175)) minmax(00px,1fr);
}
header{
    grid-column: 1/8;
    grid-row: 1;
    background-color: rgba(255, 0, 0, 0.3);
}
main{
    grid-column: 2/7;
    grid-row: 1/-1;
    background-color: rgba(13, 64,43, 0.3);
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6,minmax(0,175)) minmax(00px,1fr);
    grid-template-rows: 500px 300px 300px 300px 300px;
}
.paras {
    grid-column: 1/-1;
    grid-row: 2/4;
    background-color: rgba(50, 30,200, 0.3);
}
footer{ 
    grid-column: 1/7;
    grid-row: 6/8;
    background-color: rgba(50, 200,200, 0.3);
}