[CSS Grid] 영역 이름 사용하기 grid-template-areas

grid-template-areas 각 영역에(Grid Area)에 이름을 붙이고, 그 이름을 이용해서 배치하는 방법입니다. 위 레이아웃을 grid-teplate-areas로 표현하면 다음과 같습니다. .container { grid-template-areas: "header header header" " a main b " " . . . " "footer footer footer"; } 점은 빈칸을 의미합니다. 사용방법 우선 다음과 같은 html 파일이 있습니다. Header Sidebar A Sidebar B Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem voluptatibus quam rerum facilis sit fug..