본문 바로가기
웹코딩 배우기/· CSS

grid-area로 레이아웃 만들기

by 닐기 2021. 10. 29.

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 세상이군...

반응형

댓글0