웹 CSS 입문 공부 20. 그리드 레이아웃 grid layout

grid layout 그리드 레이아웃 그리드 레이아웃이란 이름 그대로 격자 형태의 레이아웃을 만드는 2차원 레이아웃 방식을 말합니다. 그리드 레이아웃 방식에서, 그리드 아이템의 배치와 정렬은 그리드 컨테이너 내부의 행과 열의 상호작용을 통해 결정됩니다. 그리드 컨테이너 : 그리드 방식으로 레이아웃을 결정할 요소 그리드 아이템 : 그리드 컨테이너 내부에서 그리드 방식으로 배치되는 요소 display: grid; 그리드 영역은 모두 블록 컨테이너 배치가 기본 값이지만 인라인으로도 넣을 수 있습니다. display: inline-grid; 1 2 3 4 5 500px짜리의 그리드가 만들어지고 그 안에 columns(열) 의 공간이 200px 200px 차지하도록 만듭니다. 두 개의 200px 씩 지정된 열들이..

원문링크 : 웹 CSS 입문 공부 20. 그리드 레이아웃 grid layout