grid-area로 레이아웃 만들기

See the Pen by nilgi (@nilgi) on CodePen.

 

grid-area: header;
grid-area: menu;
grid-area: main;
grid-area: footer;

 

grid-template-areas:
     'header header header header header'
     'menu main main main main'
     'menu footer footer footer footer';

 

참 신기한 CSS 세상이군...