아래 예시 코드로 공부 진행합니다. 1 2 3 4 5 6 7 8 9 block 속성을 갖는 div 박스가 9개가 쌓여있다. * display: grid; grid container 박스를 정의해준다. 예시 코드에서 grid-container 클래스를 갖는 div 박스에 display: grid를 써주면 아무 변화가 없다. 하지만 grid-item 클래스를 갖는 div 박스들이 block요소가 아니라 inline-block 요소일 때, grid-container 클래스를 갖는 div 박스에 display: grid를 써주면 item들이 block요소로 쌓이게 된다. * grid-template-columns 열의 개수와 넓이를 결정한다. 1 2 3 4 5 6 7 8 9 .grid-container에 gri..
