Grid row automatic window size based height

Hello,

I have a full with slider and a grid row right under it and I would like the grid row to fill up the rest of the screen no matter what the screen size is.

Can you please help me?

I found this on your support but I am unable to readapt the custom-grid calculation formula:

add_action('wp_footer', 'ava_grid_height');
function ava_grid_height(){
?>
<script>
(function($){
    $(window).resize(function() {
		var win		= $(window),
		calc_height = function() {
			var winh		= win.height(),
				header 		= $('#header').height(),
				title       = $('.title_container').height(),
				gridh 		= winh - header - title;
			
				$('#custom-grid').css('height', gridh/1.5 + 'px');
		}
		
		win.on( 'resize', calc_height);
		calc_height();
    }).resize();
})(jQuery);
</script>
<?php
}