minmax() 함수

사용법

minmax() 함수를 사용하면 최솟값, 최댓값 범위 내에서 값을 유연하게 처리합니다.

예시

.grid-container {
  display: grid;
  /* minmax() 함수 사용법 */
  grid-template-rows: repeat(2, minmax(20px, auto));
  grid-template-columns: minmax(30px, auto) repeat(3, 1fr);
}

레퍼런스

CSS Grid Layout Module Level 1www.w3.org

w3.org/TR/css-grid-1/#valdef-grid-template-columns-minmax