CSS 반응형 그리드 - fr, repeat, minmax, max-content, min-content, auto-fit, auto-fill
1. fr grid-template-columns: 1fr 1fr; // 가로를 1 : 1 비율로 꽉채운다. grid-template-columns: 1fr 1fr 1fr; // 1 : 1 : 1 2. repeat() grid-template-columns: repeat(4, 1fr); // 1fr을 4번 반복한다. 3. minmax() grid-template-columns: minmax(150px, 1fr) repeat(3, 1fr); // 최소 크기 150px, 최대 크기 1fr 4. max-content, min-content grid-template-columns: max-content repeat(3, 1fr); // 내용물을 가능한 한 펼쳐서 길이를 정한다. grid-template-colu..
