auto-fill

 親要素にスペースが余る場合、空のグリッドが作られる

Item A
Item B
Item C
Item D
.grid-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

auto-fit

 親要素にスペースが余る場合、グリッド・アイテムの幅が変わってスペースが埋めらる

Item A
Item B
Item C
Item D
.grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}