CSS Grid는 웹페이지 항목을 행과 열에 배치하는 방식입니다. 칸막이가 있는 쟁반처럼 각 항목을 원하는 공간에 놓고 화면 크기에 맞게 전체 배치를 조정할 수 있습니다.
예를 들어 넓은 화면의 갤러리에는 카드 세 개를 한 줄에 놓고, 좁은 휴대전화 화면에서는 열 수를 줄일 수 있습니다. Grid를 사용하면 카드마다 위치를 수동으로 지정하지 않고 행과 열을 설명할 수 있습니다.
두 방향을 동시에 다뤄야 하는 레이아웃에 적합합니다. 버튼을 한 줄로 놓거나 세로로 쌓기만 한다면 더 단순한 방식이 관리하기 쉬울 수 있습니다.