grid-template-rows1 CSS 그리드 레이아웃에서 행과 열 정의하기 grid-template-columns와 grid-template-rows는 CSS 그리드 레이아웃에서 행과 열을 정의하는 속성입니다. 이 속성들을 통해 컨테이너 내에 요소들이 어떻게 배치될지를 결정할 수 있습니다.기본 개념grid-template-columns: 그리드의 열(column) 너비를 설정합니다.grid-template-rows: 그리드의 행(row) 높이를 설정합니다.각 속성에 값을 반복하거나, 비율을 지정하거나, 최소값과 최대값을 조정할 수 있습니다.기본 문법.container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px 200px 100px;}위 예제는:3개의 열을 1f.. 2024. 11. 14. 이전 1 다음