How to stretch a block by 100%?

Question

css

Good day
There is such a design

<div class="container-fluid">
        <div class="row">
              <div class="col-md-12 header">
                     <div class="sliderStyle">
                             <div class="slickSlider">
                                     <div><img src=""></div>
                                     <div><img src=""></div>
                             </div>
                     </div>
              </div>
        </div>
    </div>

I use the slick slider
plugin kenwheeler.github.io/slick
And I need the header and all content to be 100% in height at any resolution
How to implement it
So that when the browser window is reduced vertically, the image slider itself is always 100%

Answer 1

min-height: 100vh;

Answer 2

Set all parent blocks (including html and body) as well as this block to height: 100%
codepen.io/Zoxon/pen/grkPWp