title: Divide website into vertical columns and give separate colours to each
body: <p>I can divide a page into sections and give them separate colour using css   as</p>
  
  <pre><code>.window:nth-child(1) {
  background: #d5d7dd;
  top: 0%;
  }
  .window:nth-child(2) {
  background: #1babb7;
  top: 100%;
  }
  </code></pre>
  
  <p>Can I divide one of these 'child' into different columns and give them separate colour?
  <img src="https://i.stack.imgur.com/IVRxY.jpg" alt="Like the third row is divided into 2 coumns"></p>