.grid {
    display: grid;
    grid-auto-rows: 1fr;
    gap: 0.5rem;
}

.grid:after {
    content: none;
}

@media (min-width: 600px) {
    .grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
    .grid { grid-template-columns: repeat(3, 1fr); }
}