[css] Grid 레이아웃에 대해 배워보자
지난 게시물에서는 flex box에 대해 알아봤는데요, flex box 역시 간편한 속성이지만 격자 무늬를 만들기 어려운 단점이 존재합니다 https://www.day-na.com/product/list.html?cate_no=60 이런 식으로의 게시판, 쇼핑몰을 꾸미기 어렵기 때문에 Grid 라는 속성을 사용하게 됩니다. 그렇다면 Grid의 기본 문법에 대해 알아보겠습니다~!! 목차 1. grid는 부모 컴포넌트에서만 선언해야한다. 2. grid-template 사용하기 3. gap 사용하기 4. auto란? 5. grid-template-areas 사용하기 6.grid-column/grid-row 사용하기 -span 사용하기 7.fr 사용하기 1. grid는 부모 컴포넌트에서만 선언해야한다. /* A..
2022. 10. 14.