title: CSS vmin minor deviation
body: <p>So I have 2 divs one has <code>height:50vmin</code> and the other has <code>border-bottom:50vmin solid #000</code>. Now these should be the same 'size' though 50% of the time there is a minor deviation between these two, where the one is 320px and the other 320.500px instead. (Issue mostly occurs after maximizing or resizing quickly)</p>
  
  <p>Any ideas on how to get a consistent responsive size here?</p>
  
  <p>CODEPEN<br>
  <a href="http://codepen.io/LiamMartens/pen/bddrRB" rel="nofollow">http://codepen.io/LiamMartens/pen/bddrRB</a></p>