title: Calculate row height in CSS grid with JavaScript
body: <p>I made a small CSS grid framework for my new project but soon after, I have realized it has some shortcomings. Problem is, columns don't occupy whole height of a row which in turn prevents me from creating "blocky" layout and with current setup I can't achieve this with CSS.</p>
  
  <p>I have solved this with some JavaScript, but what troubles me is that this peace of code needs to be executed after the page loads. Which means layout will be a bit messy if there's a lot of content to load.</p>
  
  <p>Also, I'm not great with JavaScript so I'm not sure if I did this properly.</p>
  
  <p><strong>Here's link to source code on <a href="http://codepen.io/Jinx/pen/qiotr" rel="nofollow">CodePen</a></strong></p>
  
  <p>[NOTE]
  I don't want to use any JavaScript libraries </p>