● 레이아웃 확인 방법

그리드 레이아웃도 플렉스 박스처럼 레이아웃을 시각적으로 확인하려면 크롬 브라우저의 개발자 도구를 이용합니다. 개발자 도구의 Elements 탭에서 그리드 컨테이너로 지정된 태그를 보면 아이콘이 보입니다. 이 아이콘을 누르면 파란색으로 바뀌면서 웹 브라우저에서 그리드 레이아웃의 구성 요소를 시각적으로 확인할 수 있습니다.

그림 7-11 크롬 브라우저에서 그리드 레이아웃 확인