Es gibt vier divs vertikal platziert, aber es gibt Platz unter ihnen.Wie kann ich den Raum unter ihnen füllen.Ich bin nicht in der Lage, einen Weg zu finden, um die Lücke zu füllen.Könnte jemand helfen mit Dies.Wie man den Raum zwischen dem Div vertikal füllt
<div class="pageTwo">
<h1 class="text-center" style="font-family: 'Julius Sans One', sans-serif;margin-top:100px !important;">Works</h1>
<div class="block-works">
<p class="work">We at Good <span class="letter-T">T</span>ree production watch movies at full time. Watching movies at 24 X 7 is our duty and reviewing them is our homework. </p>
</div>
</div>
<div class="pageThree">
<h1 class="text-center" style="font-family: 'Julius Sans One', sans-serif;margin-top:100px !important;">About Us</h1>
<div class="block-about-us">
<p class="work">We at Good <span class="letter-T">T</span>ree production are two bunch of gladiators worshipping movies.</p>
</div>
</div>
<div class="pageFour">
<h1 class="text-center" style="font-family: 'Julius Sans One', sans-serif;margin-top:50px">Contact Us</h1>
<div class="block-contact-us text-center">
<p class="work">
Like us on </br>
<a>
<span class="fa fa-facebook-official" style="font-size: 40px;text-align: center;"></span>
</a>
</p></br>
<p class="work" style="">
Follow us on </br>
<a>
<span class="fa fa-twitter" style="font-size: 40px;text-align: center;"></span>
</a>
</p>
</div>
</div>
CSS:
.pageOne{
background-size:cover;
background-color:#DCF5F4;
height: 60%;
}
.pageTwo{
background-color: rgb(185, 196, 234);
background-size:cover;
height:80%;
width: 100%;
margin-top:-3.7%;
}
.pageThree{
background-color: #F3A0A0;
background-size:cover;
height:60%;
}
.pageFour{
background-color:#B8F2DF;
background-size:cover;
height:80%;
}
Könnte jeder mir helfen, in diesem Vielen Dank im Voraus
ich wth diese gehen würde - wenn es um die vertikale Abstand Flexbox kommt zuverlässigste ist! –