Jecelyn Yeen
Sofia Emelianova
이 가이드에서는 페이지에서 CSS 그리드를 찾고, 이를 검사하고, Chrome DevTools의 요소 패널에서 레이아웃 문제를 디버그하는 방법을 보여줍니다.
이 도움말에 표시된 스크린샷의 예는 과일 상자 및 과자 상자라는 두 웹페이지에서 가져온 것입니다.
CSS 그리드 살펴보기
페이지의 HTML 요소에 display: grid 또는 display: inline-grid가 적용된 경우 요소 패널에서 요소 옆에 grid 배지가 표시됩니다.