Templates

Container Styles

Define grid template, columns, rows, and gaps

grid-gap: 1rem;
grid-template-columns: 250px 1fr;
grid-template-rows: auto 1fr auto;
grid-template-areas:
  "header header"
  "sidebar main"
  "footer footer";

7 lines

grid-area: header;

grid-area: sidebar;

grid-area: main;

grid-area: footer;