Grid Area
-
CSS GridWeb/CSS 2019. 10. 29. 20:11
Grid Column(***Line을 기준으로 작성한다.) .box:first-child{ grid-column: 1/3; } Row Start and End(*Line을 기준으로 작성한다.) .box:first-child{ grid-column-start: 1; grid-column-end: 5; } 이렇게 작성하면 grid-column-start: 1; grid-column-end: -1; -1을 적으면 자동적으로 맨 마지막 line으로 이동하게 된다. 위처럼 적으면 한 라인을 다 차지하게 됨. (1 ~ -1 : 모든 범위를 의미함.) Line naming grid-template-columns: [coffee-line] 1fr [macaroon-line] 1fr [cake-line] 1fr [ame..