grid-template-columns: repeat(3, 260px); 

=> 컬럼 너비 260px 를 기준으로 3개의 컬럼

grid-template-columns: repeat(3, 1fr);

=> 부모너비 기준으로 동일한 비중으로 3개의 컬럼 (컬럼 하나에 33.33% 정도가 된다.)

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

=> 최대한 같은 컬럼 너비를 가지려고 한다. 최소 컬럼너비는 260px이다.

=> 최소 260px 기준에서 커질 수 있고, 최소 기준으로 계산해서 여백이 260px 이상이라면 새로운 컬럼이 추가된다.

=> auto-fill 효과로 여백이 남아도 빈 컬럼으로 확장하지 않는다. 컬럼수를 유지한다 (1row만 있을 경우)(고정 컬럼 수/너비)

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

=> 최대한 같은 컬럼 너비를 가지려고 한다. 최소 컬럼너비는 260px이다.