html,
body {
  margin: 0px;
  height: 100%;
  background-color: #999;
  overflow: hidden; /* Hide scrollbars */
}

#divWrapper {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: 50px minmax(100px, 1fr) 50px;
  grid-template-areas:
    'header'
    'content'
    'footer';
}

#divHeader {
  background-color: red;
}

#divCanvas {
  background-color: white;
}

#divFooter {
  background-color: red;
}