Блоки проходят сквозь друг друга при уменьшении размера экрана,блок проходит сквозь форму и скозь футер не оттаокивая ниже стоящие,как исправить?
<section>
<div class="wrapper">
<div class="about-work" id="mywork">
<h1>Мои работы</h1>
<p>Эти работы являются примером</p>
<div class="my-work">
<div><h3>first</h3>
<div class="my-work-1 box">
<a href="#"><img class="my-pic" src="img/first.jpg" alt=""></a>
</div>
</div>
<div class="my-work-2 box"><h3>second</h3>
<div>
<a href="#"><img class="my-pic" src="img/second.jpg" alt=""></a>
</div>
</div>
<div class="my-work-3 box"><h3>third</h3>
<div>
<a href="#"><img class="my-pic" src="img/third.jpg" alt=""></a>
</div>
</div>
<div class="my-work-4"><h3>fourth</h3>
<div>
<a href="#"><img class="my-pic" src="img/fourth.jpg" alt=""></a>
</div>
</div>
<div class="my-work-5"><h3>fifth</h3>
<div>
<a href="#"><img class="my-pic" src="img/fifth.jpg" alt=""></a>
</div>
</div>
<div class="my-work-6"><h3>sixth</h3>
<div>
<a href="#"><img class="my-pic" src="img/fifth.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="wrapper">
<div class="mail">
<form action="">
<label for="name">
<input type="text" id="name" name="text" placeholder="Имя">
</label>
<label for="mail">
<input type="text" id="mail" name="text" placeholder="Ваш ящик">
</label><br>
<label for="obj">
<input type="text" id="obj" name="text" placeholder="Тема">
</label><br>
<label for="sms">
<textarea rows="5" id="sms" cols="50" placeholder="Ваше сообщение">
</textarea>
</label><br>
<input type="submit" value="Написать мне" class="btn">
</form>
</div>
</div>
section .my-work
{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
flex-flow: wrap;
margin-top: 3vw;
margin-left: 2%;
margin-right: 2%;
}
.wrapper .mail
{
margin: 0 auto;
width: 50%;
vertical-align: middle;
background-color: #fff;
font-size: 3em;
box-shadow: 0 14px 28px rgba(0,0,0,0.25),
0 10px 10px rgba(0,0,0,0.22);
}
form
{
height: 8em;
}
form{ height:8em }
. Высоту принудительно лучше вообще не задавать.