title: Division of divs heigh in row
body: <p>Id like to have two divs infront of each other. The problem is, that Id like to division the heigh of the right column /6. It is because there are six divs in the right, which works like buttons. How should I do it? I know it is posible to use flexbox, but then, how would I tell it to division the heigh?</p>
  
  <p>Also, I found javascript solution for same heigh divs, should I add just some simple code to division the heigh? THank you for advice</p>
  
  <pre><code> HTML
  //left side
      &lt;div id="columnOne"&gt;
      &lt;/div&gt;
  
  //right side (height of left side /6
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
      &lt;div class="columnTwo"&gt;
      &lt;/div&gt;
  
  
      // Javascript
      $(".columnTwo").height($("#columnOne").height()
  </code></pre>
  
  <p>);</p>