generated at
2/22/2025, 3:05:10 PM
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
の方を見ることになるので結果的に全余白を埋めることになる