Как установить одинаковый отступ между колонками?

Для установки одинакового отступа между колонками в гридах на больших экранах и зафиксирования отступа в 30px можно использовать следующий CSS код:

```css
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 30px;
}
```

В данном примере мы используем свойство `grid-gap` для установки отступа между колонками в 30px. С помощью `grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));` мы указываем, что ширина каждой колонки должна быть минимум 300px, но при этом они должны занимать все доступное пространство равномерно.

Таким образом, при использовании этого CSS кода вы сможете установить одинаковый отступ между колонками и зафиксировать отступ в 30px на больших экранах при использовании максимальной ширины каждой колонки.

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: calc(300px * 3 + 30px * 2);
  margin: auto;
}