슬기로운 개발노트

# 그리드의 기본적인 형태 정의 grid-template-columns grid-template-rows # repeat 함수 : 반복되는 값을 자동으로 처리할 수 있는 함수 repeat(반복횟수, 반복값) ex. repeat(3, 1fr) = 1fr 1fr 1fr # minmax 함수 : 최솟값, 최댓값을 지정할 수 있는 함수 ex. minmax(100px, auto) ➝ 최소한 100px, 최대는 자동으로 늘어나게 처리한다. 즉, 아무리 컨텐츠의 양이 적어도 최소한 100px의 값을 확보하며 컨텐츠 양이 넘쳐 100px을 넘어가면 알아서 영역이 늘어나게 된다. # auto-fill, auto-fit : column의 갯수를 미리 정하지않고 설정된 너비가 허용하는 한 최대한 셀을 채운다. * 차이점 :..