CSS Gridで利用可能なスペースに応じて自動的に列数を調整する方法は？

解説

正解はgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr))です。auto-fillは空のトラックも生成し、auto-fitは空のトラックを折りたたみます。minmax()で最小・最大サイズを指定できます。