김코드의 웹디자인 세상

안녕하세요! 오늘은 2차원 웹 페이지를 설계할 수 있는 속성인 그리드 레이아웃 (Grid Layout)에 대해서 알아보겠습니다! 그리드 레이아웃 (Grid Layout)은 웹 페이지에서 2차원 방식으로 레이아웃을 설계할 수 있도록 고안된 속성입니다. 2차원 방식인 가로(row)와 세로(column)를 같이 사용하여 설계합니다. 1차원 레이아웃인 플렉스 박스보다 더 폭 넓게 레이아웃을 설계할 수 있습니다! ^-^ ✎ 그리드 레이아웃 (Grid Layout) ✎ 그리드 레이아웃의 기본속성 - display 속성 그리드 레이아웃은 항상 dispaly 값을 grid나 inline-grid로 지정되는 것에서 시작됩니다. .grid_container{ display: grid; } 해당 속성이 지정된 요소는 그리드..