Как создать неограниченное количество колонок, каждая из которых имеет заданный размер и текст в них не переносится?

Чтобы создать неограниченное количество колонок с заданным размером, которые не будут переносить текст, вам нужно использовать flexbox вместо grid.

Вот пример кода, который можно использовать:

HTML:
```
<div class="container">
  <div class="column">Текст 1</div>
  <div class="column">Текст 2</div>
  <div class="column">Текст 3</div>
  <!-- Добавьте нужное количество колонок -->
</div>
```

CSS:
```
.container {
  display: flex;
  flex-wrap: wrap;
}

.column {
  min-width: 100px;
  max-width: 200px;
  white-space: nowrap;
  margin: 10px;
}
```

В этом примере мы используем контейнер с `display: flex` и `flex-wrap: wrap`, чтобы колонки переносились на новую строку при нехватке места.

Каждая колонка имеет заданный минимальный размер (`min-width: 100px`) и максимальный размер (`max-width: 200px`). Это гарантирует, что они не будут быть меньше или больше указанных значений.

Свойство `white-space: nowrap` предотвращает перенос текста внутри колонки.

Таким образом, при добавлении новых колонок они будут распределяться по контейнеру горизонтально, и текст в них не будет переноситься.

Зафиксировать минимальную ширину.item {
  border: 1px solid gray;
  background-color: papayawhip;
  min-width: 100px;
}

Когда колонки помещаются в контейнер, их ширина будет увеличиваться до 200. Затем, если не хватает места, они будут сжиматься до 100.