아니면 minmax() 함수로 열 또는 행 크기의 최솟값과 최댓값을 지정할 수도 있습니다.
grid-template-columns:minmax(10px, 100px) 100px; /* (최소 10px~최대 100px) 100px */
grid-template-rows:minmax(10px, 50px) 50px; /* (최소 10px~최대 50px) 50px */
또는 두 함수를 함께 사용할 수도 있습니다.
grid-template-columns:repeat(2, minmax(50px, 100px)); /* 두 열 최소 50px~최대 100px */
grid-template-rows: repeat(2, minmax(10px, 50px)); /* 두 행 최소 10px~최대 50px */
여러 방법 중에서 하나를 골라 원하는 행과 열의 크기를 지정하면 됩니다.