[CSS] Grid

[CSS] Grid

Grid 는 flex와 같이 CSS에서 레이아웃을 다루기 위해 사용되는 기능입니다. flex 가 단일 방향(가로 또는 세로) 레이아웃을 배치한다면, 그리드는 표와 같이 두 방향(가로와 세로)의 레이아웃을 배치한다는 차이점이 있습니다. 1. 컨테이너 속성 (부모 요소) 1) grid-template-columns, grid-template-rows 그리드의 행(row)과 열(column)의 크기를 지정하는 속성입니다. <body> <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> </div> </body> .container { display: grid; grid-template-columns: 1fr 3fr; gri...

#css #grid

원문링크 : [CSS] Grid

 등록된 다른 글

04 원타임 트리거

[Android] 14 Drawable

[Node.js] createConnection vs createPool

05 참조 타입 (1)

[JavaScript] Error

[React] 리액트 시작하기

[Node.js] 시스템 운영 관련 미들웨어

[Android] 비밀 다이어리