더북(TheBook)

아니면 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 */

여러 방법 중에서 하나를 골라 원하는 행과 열의 크기를 지정하면 됩니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.