body {
    margin: 10px;
    padding: 10px;
    font-family: Helvetica;
}

.container {
    background: gray;
    display: grid;
    grid-template-columns: 1fr 10fr; 
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
        "header header"
        "aside main"
        "footer footer";
}

header {
      grid-area: header;
      background: red;
}

section {
    background: pink;
}

.main {
      grid-area: main;
      background: blue;
}

.aside {
      grid-area: aside;
      background: yellow;
}

footer {
      grid-area: footer;
      background: green;
}


/* header { grid-area: header; }
main { grid-area: main; }
aside { grid-area: aside; }
footer { grid-area: footer; } */