CSS Grid는 단순히 열을 나열하는 것뿐 아니라상황에 따라 자동으로 조정되는 반응형 레이아웃을 만들 수 있는고급 함수들도 제공합니다.이번 포스팅에서는 가장 많이 쓰이는 4가지 키워드를 정리해볼게요:repeat()minmax()auto-fillauto-fit ✅ 1. repeat()grid-template-columns: repeat(3, 1fr); → 1fr 1fr 1fr을 간단하게 줄인 형태예요.반복되는 패턴을 간단하게 작성할 수 있어요. ✅ 2. minmax()grid-template-columns: repeat(3, minmax(200px, 1fr)); → 각 열의 최소 너비는 200px, 최대는 남은 공간만큼→ 창 크기에 따라 유연하게 반응하는 열을 만들 수 있어요! ✅ 3. auto-fill..