grid 레이아웃1 [CSS] grid레이아웃 grid 레이아웃 CSS 레이아웃의 흐름 : Float > Flex > Grid grid 레이아웃 시스템의 구조 flex는 1차원적 배열 구조 : row, column 방향 택 1 flex를 여러번 중첩시켜서 사용하여 구조를 짠다. grid는 2차원적 배열 구조 : row와 column 레이아웃 동시 설정 가능 grid 속성 요소의 속성을 grid로 변경 grid-line, grid-number grid-template-rows grid의 행의 개수 및 크기를 지정할 수 있다. grid-template-rows : 1fr 2ft 200px grid-template-columns grid의 열의 개수 및 크기를 지정할 수 있다. fr : fraction(분수)의 약자, grid-template에서 사용할 .. 2024. 4. 9. 이전 1 다음
