그리드 레이아웃에서도 HTML 파일과 CSS 파일을 분리합니다. CSS도 단순히 초기 레이아웃을 보여 주기 위한 기본적인 스타일 속성이 정의되어 있습니다.
07/02/grid-basic.css
.grid-item{
color:white;
background-color:#ff5252; /* 기본 배경색 */
}
.grid-item:nth-child(2n){
background-color:#bf5e5e;
}
그림 7-12 실행결과
기본 예제 코드를 실행하면 그리드 아이템에 번갈아가면서 색상이 적용됩니다.