.main {  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 300px auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "header header"
    "nav body";
}

.header {
  grid-area: header;
  width: 100%;
  height: 100%;
  justify-items: center;
}

.nav { grid-area: nav; }

.body { grid-area: body; }