그리드(Grid)

-격자판 형태로 항목 무리를 배치하는 2차원 레이아웃 시스템 -복잡한 반응형 웹 디자인 레이아웃을 보다 쉽고 일관되게 생성하기 위해 사용 -부모 요소인 grid container와 배치하고 싶은 HTML 요소인 grid item로 구성 -부모 요소에 "display: grid" 또는 "display: inline-grid"속성을 지정하여 사용

그리드 컨테이너

그리드 아이템

그리드 셀

그리드 라인

그리드 갭

grid-template-columns / grid-template-rows