.homeBody{
    grid-template-columns: 300px 300px;
    grid-template-rows: 40px;
    grid-auto-rows: auto;
    grid-gap: 10px 0px;
    

}

/* ---------------------------------------- MOBILE */
@media(max-width:500px) {

    .homeBody{
        display: grid;
        grid-template-columns: 96vw;
        grid-template-rows: 10vw;
        grid-auto-rows: 23vw;
        grid-gap: 1vw;    
    }
    .topBlank{
        grid-column: span 1;
    }
    
}
/* ---------------------------------------- SPAN 3 */
@media screen and (min-width: 1250px) {
    .homeBody{
        display: grid;
        grid-template-columns: 270px 270px 270px;
        
    }
}

/* ---------------------------------------- SPAN 4 */
@media screen and (min-width: 1700px) {
    .homeBody{
        grid-template-columns: 300px 300px 300px 300px;
        grid-auto-rows: 100px;
        
    }
}