더북(TheBook)

CSS

 

7.2

그리드 레이아웃으로 2차원 레이아웃 설계하기

그리드 레이아웃(Grid Layout) 속성은 웹 페이지에서 2차원 방식으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성입니다. 여기서 2차원 방식이란 가로(row)와 세로(column)를 같이 사용해 레이아웃을 설계하는 방식입니다. 그리드를 사용하면 1차원 레이아웃인 플렉스 박스보다 더 폭넓게 레이아웃을 설계할 수 있습니다.

TIP | 플렉스 박스 레이아웃과 그리드 레이아웃은 서로 비슷한 속성이 많아서 플렉스 박스 레이아웃 속성을 알고 있다면 이해하기 쉽습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.