gridメモ(CSS)

auto-fillは、100pxのまま、どんどん改行される。auto-fitは割り切れない場合は少し伸びる。

grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));

違いがわからなかったら

https://parashuto.com/rriver/development/cssgrid-autofill-vs-autofit

を見る。