<style>
  .container{
    display: grid;
    grid-template-columns: 150px auto 150px;
    grid-gap: 1em;
  }
  header,footer{
    grid-column: 1 / 4;
  }
  header,aside,article,footer{
    background: #eaeaea;
    display: grid;
    place-content: center;
    height: 17vh;
  }
  @media all and (max-width: 700px;) {
    aside,article{
      grid-column: 1 / 4;
    }
  }
  </style>
  <div class="container">
    <header>Header</header>
    <aside>Left Sidebar</aside>
    <article>Article</article>
    <aside>Rite Sidebar</aside>
    <footer>Footer</footer>
  </div>