.categories__list {
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 640px) {
    .categories__list {
        gap:.75rem
    }
}

@media (min-width: 768px) {
    .categories__list {
        gap:.75rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}