.tiles {
    --columns: 3;

    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-auto-rows: 1fr;
    gap: .5rem;
    margin-bottom: 1rem;

    @if is-browser() {
        @media (width <= 40rem) {
            --columns: 2;
        }
        @media (width <= 20rem) {
            --columns: 1;
        }
    }

    a.snippet {
        margin-bottom: 0;
    }
}