auto-fit
repeat()の第1引数に指定する
Grid Containerに余白が生じる場合、Grid Itemで余白を埋める
つまり、余白が大きくなってもGrid Track数は変化しない
auto-fillとauto-fitは一行の時でminmaxを使っている時のみ違いが出ることに注意
挙動としては、minmaxの間でできるだけ大きくなろうとするイメージ
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))と指定した場合
「できるだけ大きく」ということは、1frの方を見ることになるので結果的に全余白を埋めることになる
https://gyazo.com/ad1122d48ca77d3a3640b683df488d6f https://codepen.io/mrsekut/pen/BaPEMvB