우리는 이전 강의에서 area를 통해 layout을 만든 것을 배웠다. 하지만 우리는 그 뿐만이 아니라 row,column의 숫자로 layout을 만들 수 있다.

#example

이런 예가 있다고 치면 우리는 class가 header인 요소에 column과 row가 어디서 시작하고 어디서 끝날지 얘기할 수 있다.

우리는 여기서 명심해야할 점이 있다. grid-column-start와 end에서 얘기하는 것은 line이다. 요소에 보여지는 선들을 얘기하는 것이다. 설정을 다하고 나면 마지막 사진처럼 요소들을 늘림으로써 layout을 최종적으로 만들어 볼 수 있다.