[CSS Grid] grid-column, grid-row

다음과 같은 레이아웃이 있다. 위 레이아웃에 다음과 같은 코드를 적용하면 어떻게 될까? 다음과 같다. column은 파란색 , row는 초록색이다. 위 처럼 가변적으로 item 이 크기를 조절할 수 있는 것이다. 근데 저렇게 column과 row 의 line 이 있으려면 다음처럼 행, 열중 하나는 고정되어 있어야 되는 것 같다. 다음 코드에서는 columns 이 grid-template-columns 로 세개만 배치되도록 고정되어있다. grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(100px, auto); 다음 코드를 적용하면 어떻게 될까? 주석도 한번 보자. 더보기 C item 의 시작이 row 3번째 행으로 바뀌는 것을 알 수 있다. 이..