CSS GRID LAYOUT

created_easily·2022년 5월 23일
1

css

목록 보기
1/1
post-thumbnail

Grid Layout

부모요소(Container)에 적용하는 속성과 자식요소(Item)에 적용하는 속성으로 나누어져 있다.

Container (부모요소) 속성

display : grid || inline-grid
grid-template-columns
grid-template-rows
grid
grid-column-gap(column-gap)
grid-row-gap(row-gap)
grid-gap
justify-items
align-items
justify-content
align-content

Item (자식요소) 속성

justify-self
align-self
gird-column-start
gird-column-end
gird-column
grid-row-start
grid-row-end
grid-row
grid-are
order

profile
Step by Step, Simple but Smart, Slow but Steady

0개의 댓글