grid - CSS: Cascading Style Sheets | MDN
수업은 chrome으로 나가지만 grid는 chrome이 아니라 firefox를 사용하시면 개발자 도구에서 좀 더 명확하게 확인할 수 있습니다.(22년 4월 기준 chrome으로도 UI 순서를 볼 수 있는 기능이 있습니다. - 그 전에는 없었습니다.)
부모 컨테이너 요소안에서 내부 자식 요소들의 위치를 X축과 Y축 방향 모두를 이용해 배치하는 내부디스플레이타입의 하나입니다.
그리드 컨테이너 : 그리드의 가장 바깥 영역
그리드 아이템 : 그리드 컨테이너의 자식 요소들
그리드 트랙 : 그리드의 행(row) 또는 열(column)
그리드 셀 : 그리드의 한 칸 (개념적인 정의)
그리드 라인 : 그리드 셀을 구분하는 선
그리드 넘버 : 그리드 라인의 각 번호
그리드 갭 : 그리드 셀 사이의 간격