Layout Adjustment Material Design

Navigation
0

I can not get Slide to take up the whole area of the home screen, notice that half of the Section structure is seen on the home page of the site, 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 sample jsfiddle

    
asked by anonymous 18.05.2016 / 02:17

1 answer

2

Good morning!

You can simply set a height, such as: height: 100vh;
That is, it takes 100 parts of your screen for the div you apply
Remember 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 is behind the menu.

    
18.05.2016 / 15:17
Animated caption with hover Doubt SQL tables