50/50 div min-height to match parent div

50/50 div min-height to match parent div

Hi, i have two div's which are both 50% of the browser window, the left div contains a paragraph of text and the other div contains an image with background-size:cover. when i resize the browser the div with the text in gets taller and taller the smaller the window gets. I have managed to match the height of the image div with the content div but how do i update the min-height value so it adjusts responsively?

This is what i have so far.

  2. $(document).ready(function() {
  3.     var divHeight = $('.AboutLeftBox').height();
  4.     $('.AboutImgContainer').css('min-height', divHeight+'px');
  5. });