sliver__

이번 포스팅에서는 자동 배치에서 벗어나, CSS Grid의 grid-column 과 grid-row 속성을 사용해 원하는 셀(cell)에 직접 아이템을 배치하고, 여러 셀을 가로지르기(span) 하는 방법을 알아봅니다.1. 브라우저 DevTools로 그리드 라인(Line) 확인하기브라우저 개발자 도구에서 Grid 레이아웃 표시 버튼을 클릭행(row)·열(column)마다 번호 매겨진 그리드 라인과, 라인 사이 셀(cell), 그리고 간격(gutter) 이 시각화됨각 아이템이 위치할 셀의 시작(start)·끝(end) 라인 번호를 확인2. 단일 셀에 아이템 배치하기 /* 예: 8번 아이템(.l-8)을 2열 1행 셀에 배치 */.l-8 { grid-column: 2 / 3; /* 2번 열 라인에서 시작 ..