.grid-3-col, .grid-4-col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
}

@media (min-width: 992px) {
  .grid-3-col {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .grid-4-col {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}