Как сделать бесконечное кол-во колонок без переноса, но с заданным размером?

Question

[webe]

Как сделать бесконечное кол-во колонок без переноса, но с заданным размером? (от 100px до 200px) (на css grid)

https://jsbin.com/cusopuzizu/edit?html,css,output

.container {
  border: 1px solid red;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
  grid-auto-flow: column;
  overflow-x: scroll;
}

.item {
  border: 1px solid gray;
  background-color: papayawhip;
}

Answer 1

[Сергей delphinpro]

Зафиксировать минимальную ширину

.item {
  border: 1px solid gray;
  background-color: papayawhip;
  min-width:100px;
}

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