auto-fit
挙動としては、minmaxの間でできるだけ大きくなろうとするイメージ
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))と指定した場合
「できるだけ大きく」ということは、1frの方を見ることになるので結果的に全余白を埋めることになる
https://gyazo.com/ad1122d48ca77d3a3640b683df488d6f https://codepen.io/mrsekut/pen/BaPEMvB