.grid {
    --min-cell-size: 240px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-cell-size), 1fr));
    grid-auto-rows: 25em;
    grid-auto-flow: dense;
    grid-gap: var(--size-xl) var(--size-l);
}

@media screen and (max-width: 31.25em) {
    .grid {
        grid-template-columns: 1fr;
        /* grid-template-columns: auto; */
        grid-gap: var(--size-l) 0;
    }
}