Si deseo que “autofill” sea obtenga máximo 3 columnas ¿qué debo hacer?

Hola! De una forma más simple, lo puedes hacer así:

.container {
    display: grid;
    grid-template-columns: repeat(minmax(3, 10), minmax(50px, 150px));
    grid-auto-flow: dense;
}

Así, le dices a tu grid que trabaje con columnas minimas y máximas.

Perdón, no habia visto que ya habían respondido.

Solución:

Media querie