명시적 그리드(Explicit Grids)
속성을 사용하여 격자를 형성하는 선 트랙의 고정 된 수를 정의할 수 있습니다.
grid-template-rows, grid-template-columns, grid-template-areas 으로 정의 된 그리드를 명시적 그리드 라고 합니다.
4 개의 수직 트랙 (열)과 2 개의 수평 트랙 (행)이있는 명시적 그리드
반복 표기법으로 생성 된 100px 너비의 세로 트랙 4 개가 포함 된 명시적 그리드
그리드 컨테이너에 맞게 너비가 100px 인 수직 트랙을 반복
auto-fit 키워드를 사용한 반복 표기법은 그리드 컨테이너에 필요한만큼 많은 트랙을 만듬
세로 트랙보다 많은 항목이 있으면 더 많은 행이 추가
두 축에서 auto-fill 키워드를 사용한 반복 표기법
