<main>
  <header></header>
  <aside></aside>
  <div class="content"></div>
  <div class="banner"></div>
  <footer></footer
</main>
main {
  display: grid;
  grid-template-columns: 3fr 5fr 2fr;
  grid-template-rows: 3fr 6fr 2fr;
  grid-gap: 15px;
  height: 100vh;
}

main > * {
  background-color: lightblue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.