CSS网格-匹配自动宽度的动态列数

Question

我真的不认为这应该这么难。我在CSS网格中要显示的列数未知。我希望所有列都具有相同的宽度以匹配内容。我希望它的内容最少，因此当文字太长时会自动换行。我尝试了许多不同的变化。但是本质上，这就是我想得到的，并且不确定为什么浏览器在grid-template-columns行上显示“无效的属性值”。

.flyer-container > div {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
}