.site {
  display: grid;
  grid-template-columns: [begin-edge] 2fr [halfway] 1fr [quarter] 1fr [end-edge];
  grid-template-rows: auto 1fr 3fr;
}

.header {
  grid-column: halfway/end-edge;
  grid-row: 2/3;
}

.page-title {
  grid-column: 1/4;
  grid-row: 1/2;
}

.main-content {
  grid-column: 1/2;
  grid-row: 2/4;
}

.sidebar {
  grid-column: halfway/end-edge;
  grid-row: 3/4;
}

.footer-content {
  grid-column: begin-edge/end-edge;
  grid-row: 4/5;
}