.grid-s,
.grid-xl,
.grid-xxl {
    display: grid;
    column-gap: 1rem;
    grid-auto-rows: min-content;
}

.grid-s {grid-template-columns: repeat(2, 1fr);}

.grid-xl,
.grid-xxl {grid-template-columns: repeat(6, 1fr);}

@media only screen and (min-width: 768px) {
    .grid-xl,
    .grid-xxl {grid-template-columns: repeat(12, 1fr);}
}
@media only screen and (min-width: 1024px) {
    .grid-xl {grid-template-columns: repeat(10, 1fr);}
}