Flexbox에 이어 이번 포스팅에는 Grid라는 레이아웃 시스템이 대해 알아보자. Grid를 단어 그대로 해석하면 격자 혹은 눈금을 뜻한다. Flexbox가 줄에 대한 정렬이었다면 Grid는 격자, 즉 행렬을 통해 요소들을 좀 더 정교하고 복잡하게 정렬 및 배치 할 수 있는 레이아웃 시스템이다. Grid 요소들의 명칭 Grid Lines. Grid를 이루는 행과 열의 선들을 모두 Grid Lines라고 한다. 행과 열은 각각 Grid column과 Gird row라고 말한다. Grid Track. 평행한 Grid Line 두 줄 사이의 공간을 Grid Track 이라고 부른다. Grid Area. 네 개의 Grid Line으로 둘러싸였고, 그 안이 더 이상 쪼개지지 않는 한 칸을 Grid Cell 이라..