.gird {
grid-template-columns: repeat(6, minmax(150px, 1fr));
}
.gird {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.gird {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
결론: 만드는 반응형에 따라 grid-column-gap을 얼마나 주는지는 만든 사람의 마음. 단, 언제나 같은 간격을 원한다면 고정값으로, 아니라면 %값으로 주는 것 같음. 또한 minmax와 auto-fill/auto-fix을 사용해서 gap을 조정함.
⇒ 언제 얼마나 줘야하는지는 정말 본인 마음.