컴굥일지

ch2.5 : Shortcuts grid-row-start: 2; grid-row-end: 4; 위 코드는 grid-row : 2/4로 바꿀 수 있다. grid-row : 1/5는 grid-row : 1/-1로 바꿔 쓸 수 있다. 끝에서부터 -1, -2, -3 ... 으로 쓸 수 있다. 위의 방법처럼 시작과 끝을 적는 대신에 span을 쓸 수 있다. 얼마나 많은 cell을 가지고 있는지를 적으면 된다. 시작점이 필요할 때는 grid-row: 2 / span 2 처럼 적어도 된다. ch2.6 : Line Naming /*line에 이름 붙이기*/ .grid { display: grid; gap: 10px; grid-template-columns: [first-line] 100px [second-line] ..