Как задать число колонок в CSS Grid?

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;           /* 3 колонки */
  grid-template-columns: repeat(3, 1fr);        /* то же */
  grid-template-columns: repeat(12, minmax(0, 1fr)); /* 12-col */
}

/* авто-заполнение по ширине */
.responsive {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}