JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="banner">

<!-- Banner Goes Here -->

</div>

CSS

#banner{background:#f00; width:100%; position:absolute;left:0; top:0;}

JavaScript

$(document).ready(function(){

    $(window).resize(function(){

				// Height will be calculated acording to window height can be changed to whaterver element u require
        var docHeight = $(window).outerHeight();

        function resizebanner(){
          $('#banner').height(docHeight);
        }
        
         resizebanner();

    })
    $(window).trigger('resize');
 });