auto-fill vs auto-fit

1. auto-fill 

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

이렇게 하면 200px 만큼씩 채우게 되는데 만약 공간이 남게 된다면 아래와 같이 공간을 만든다.

 

2. auto-fit

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

이는 빈공간 없이 꽉 채우는 것이다.