[해피CGI][cgimall] css grid를 이용한 웹사이트 latout 만들기

css grid를 이용하여 손쉽게 웹사이트 grid latout 을 잡을 수 있습니다.

샘플 소스에 있는

grid-template-columns: 100px 500px;
grid-template-rows: 200px 100px 400px;

와 같이 grid-template-columns, grid-template-rows 프로퍼티를 이용하여
행과 열을 정의할 수 있습니다.

행과 열은 픽셀 단위로 고정 그리드도 만들수 있고, fr 단위 혹은 %단위로 가변 크기를 줘서 유연한 그리드도 만들 수 있습니다.