/* 
    Grid 
*/

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    gap: 0rem 0.5rem;
}

/* Desktop */
@media only screen and (min-width: 48rem) {
    .grid {
        grid-template-columns: repeat(12, 1fr);
    }    
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .grid {
        grid-template-columns: repeat(24, 1fr);
    }    
}