Material Design Layout Adjustment

Question

I can’t get Slide to take the entire home screen area, note that half of the Section "structure" is seen on the website home, I’ve tried everything, but I’m not good with CSS, unfortunately.

<div id="intro" class="section scrollspy">

      <div class="slider">
        <ul class="slides">
          <li>
            <img src="imagem"> <!-- random image -->
            <div class="caption center-align">
              <h3>Lazer a seu alcance.</h3>
              <h5 class="light grey-text text-lighten-3">Espaço pensado e estruturado para o seu lazer.</h5>
            </div>
    </div> 

Functional example jsfiddle

Answer 1

Good morning!

You can just put a height, just like:
height: 100vh;
That is, it takes 100 parts of your screen for the div you apply
Remembering that if you want the slider and the menu to take the same height together, you can put for example to the menu:

.menu{
height: 10vh; }

.slider{
height: 90vh;
}

Or maybe even leave the menu as position: Absolute; and the slide with 100vh getting behind the menu.