grid 기초 정리 (수정중..

# 9 그리드 레이아웃 방식

 

display :grid

display : inline-grid

 

 

# 10 gird-template-columns, grid-template-rows , gap(grid-gap)

 

1) gird-template-columns

 

2) grid-template-rows

 

 

3) gap(grid-gap) 

 

4)  실습파일 확인해보기 

 

# 11 repeat, minmax, auto-fill & auto-fit