grid
-
[Day 14] CSS GridTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 15. 01:44
grid 부모요소 속성 display: grid(필수) grid-template-columns: grid-template-rows: 길이단위(%,px, em) 혹은 fr(비율) 가 오거나 repeat(개수, 길이단위(%,px, em) 혹은 fr)로 사용 가능하다. ex) 1fr 5fr : 6등분으로 나누고 각각 1/6, 5/6 위 두 속성을 단축=> grid-template 자식요소 속성 -grid-column-start/end -grid-row-start/end 위 속성 단축 => grid-column, grid-row 더 단축==> grid-area: grid-row-start/grid-column-start/grid-row-end/grid-column-end (negative 속성도 가능- 이경우 ..