● 기본 예제 코드
앞으로 그리드 레이아웃을 학습할 때 사용할 기본 예제 코드를 소개합니다. 코드를 보면 알겠지만, 플렉스 박스 레이아웃의 기본 예제 코드와 클래스명만 다르고 나머지는 거의 같습니다.
07/02/grid-basic.html
<head>
(중략)
<link rel="stylesheet" href="grid-basic.css">
</head>
<body>
<div class="grid-container">
<div class="grid-item">item-1</div>
<div class="grid-item">item-2</div>
<div class="grid-item">item-3</div>
<div class="grid-item">item-4</div>
</div>
</body>