728x90
반응형
grid-column
-
CSS - 레이아웃 스타일(Grid)기본 2022. 2. 15. 17:27
레이아웃 스타일(Grid) 그리드 아이템 너비 - grid-template-columns 그리드 아이템 사이의 여백 - gap 그리드 아이템 높이 - grid-template-rows 칼럼의 시작과 끝 설정 - grid-column, grid-row grid-column과 gird-row 한 번에 설정 - grid-area display : grid grid를 사용하기 위해서 해당 설정을 해줘야 한다. 그리드 아이템 너비 - grid-template-columns 그리드 아이템 너비 한 행당 그리드 아이템을 여러 개 놓을 경우 띄어쓰기로 구분하여 설정 auto 속성을 넣게 되면 화면 페이지의 크기에 맞춰준다. .container { display: grid; /* grid-template-columns ..