.blueheader { grid-area: blueheader; }
    .blueimages { grid-area: blueimages; }

    .beigeheader { grid-area: beigeheader; }
    .beigeimages { grid-area: beigeimages; }

    .yellowheader { grid-area: yellowheader; }
    .yellowimages { grid-area: yellowimages; }

    .peachheader { grid-area: peachheader; }
    .peachimages { grid-area: peachimages; }

    .greenheader { grid-area: greenheader; }
    .greenimages { grid-area: greenimages; }

    .diningheader { grid-area: diningheader; }
    .diningimages { grid-area: diningimages; }

    .insideheader { grid-area: insideheader; }
    .insideimages { grid-area: insideimages; }

    .outsideheader { grid-area: outsideheader; }
    .outsideimages { grid-area: outsideimages; }


.grid > div {
    /* border:  3px dashed darkblue; */
    text-align: center;
    font-weight: 800;
    padding: 10px;
    margin: 0 auto;
    font-size: 20px;
}

.grid > div > img {
    width: 100px;
    padding-bottom:10px ;
}

.grid {
    margin: 0 auto;
    display: grid;
    grid-template-areas: 
        'blueheader beigeheader yellowheader peachheader greenheader diningheader insideheader outsideheader'
        'blueimages beigeimages yellowimages peachimages greenimages diningimages insideimages outsideimages'
        'blueimages beigeimages yellowimages peachimages greenimages diningimages insideimages outsideimages'
        'blueimages beigeimages yellowimages peachimages greenimages diningimages insideimages outsideimages'
        'blueimages beigeimages yellowimages peachimages greenimages diningimages insideimages outsideimages';
    gap: 2px; 
    padding: 0px 40px;
    width: 90%
    
}