Откуда берется этот отступ перед блоком?
Попробовал все что знаю, прошу помощи)
Css:
.page-footer {
margin-top: auto;
}
.invite-address {
.invite-address__wrapper {
display: flex;
width: 280px;
margin: 0 auto;
padding: 20px 0;
justify-content: space-between;
.invite-address__title {
margin: 13px 0 0 0;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
}
.invite-address__text {
font-family: 'Arial', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
}
.invite-address__wrapper-img {
position: relative;
width: 320px;
.invite-address__pin {
position: absolute;
top: 163px;
left: 122px;
}
}
}
.footer-link__container {
display: flex;
flex-direction: column;
background-color: $basic-grey;
.footer-link__logo {
display: block;
margin: 37px auto 30px auto;
}
.footer-link__line {
width: 280px;
height: 1px;
margin: 0 auto;
background-color: #D9D9D9;
}
}
.footer-link__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 24px auto;
width: 130px;
list-style: none;
.footer-link__linkvk {
display: block;
width: 23px;
height: 16px;
}
.footer-link__linkin {
position: relative;
right: 2px;
display: block;
width: 16px;
height: 16px;
}
.footer-link__linkfc {
position: relative;
bottom: 2px;
display: block;
width: 10px;
height: 10px;
}
}
.page-footer__wrapper {
display: flex;
justify-content: space-between;
width: 280px;
margin: 15px auto 10px auto;
.page-footer__text {
font-family: 'Arial', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin-top: 15px;
color: $special-dark-grey;
}
.page-footer__link-academy{
display: block;
width: 41px;
height: 48px;
margin-top: 3px;
}
}
Html:
<footer class="page-footer">
<section class="invite-address">
<div class="invite-address__wrapper">
<h3 class="title invite-address__title">
Приглашаем<br>
к сотрудничеству<br>
дилеров!
</h3>
<p class="text invite-address__text">
Ул. Большая<br>
Арнаутская 2, д. 19/8<br>
Одесса
</p>
</div>
<div class="invite-address__wrapper-img">
<img class="invite-address__img" src="./img/[email protected]" alt="Карта с адресом нашего магазина, а именно улица Большая Арнаутская 19, город Одесса">
<img class="invite-address__pin" src="./img/map-pin.png" alt="" width="70">
</div>
</section>
<div class="footer-link__container">
<a href="#" class="link footer-link__logo">
<img class="footer-link__img" src="./img/logo-footer.svg" alt="" width="128">
</a>
<div class="footer-link__line"></div>
<ul class="footer-link__list social-list">
<li class="footer-link__item">
<a href="#" class="footer-link__linkvk">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 22 12" style="enable-background:new 0 0 22 12;" xml:space="preserve">
<path d="M17.6,12c-0.3,0-0.9-0.1-1.5-0.5c-0.5-0.3-0.9-0.7-1.3-1.2c-0.3-0.3-0.9-0.9-1.1-0.9c-0.2,0.1-0.4,0.7-0.3,1.2
c0,0.1,0,0.6-0.3,0.9c-0.3,0.3-0.8,0.4-0.9,0.4h-1.4c-0.7,0-3.2-0.2-5.4-2.3C2.5,7.1,0.2,2.2,0.1,2C0,1.6-0.1,1.2,0.2,0.9
s0.8-0.4,1-0.4h3.1c0.1,0,0.4,0.1,0.7,0.3C5.3,1,5.4,1.3,5.5,1.4c0.7,1.5,1.5,2.8,2.6,4C8.2,5,8.3,4,8.2,3.1c0-0.4-0.1-0.8-0.2-1
C7.9,2,7.7,1.9,7.5,1.9L6.9,1.4c0-0.5,0.5-0.9,0.9-1.1C8.3,0.1,9.1,0,10.1,0h0.5c0.9,0,1.2,0.1,1.6,0.1c1.2,0.3,1.2,1.3,1.1,2.5v1.6
c0,0.3,0,0.8,0.1,1c0.2-0.1,0.6-0.5,1.5-1.9c0.6-0.9,1-1.9,1.1-2.1c0.1-0.3,0.4-0.7,1.2-0.7h3.4c0.7,0,1.2,0.2,1.3,0.7
c0.2,0.5,0.1,1.3-1.7,3.5c-0.3,0.3-0.5,0.6-0.7,0.9c-0.5,0.4-0.9,1-0.9,1.1s0.5,0.5,0.9,0.9c1.1,0.9,1.9,1.7,2.2,2.3
c0.4,0.6,0.3,1,0.2,1.3c-0.3,0.7-1.2,0.7-1.4,0.8h-2.8C17.7,12,17.6,12,17.6,12z M13.7,8.3c0.7,0,1.2,0.6,1.8,1.2
c0.4,0.4,0.7,0.8,1.1,1c0.5,0.3,1,0.3,1,0.3h2.9c0.1,0,0.3-0.1,0.4-0.1c0,0,0-0.1-0.1-0.1c-0.3-0.5-1-1.3-2-2.1
c-0.9-0.7-1.3-1.1-1.4-1.7c0-0.6,0.4-1.1,1.2-2.1c0.2-0.2,0.4-0.5,0.7-0.8c1.1-1.4,1.4-2,1.5-2.3h-3.9c0,0.4-0.5,1.5-1.1,2.4
c-1.4,2.1-2,2.4-2.5,2.4c-0.1,0-0.3,0-0.4-0.1c-0.7-0.4-0.7-1.4-0.7-2.1V3.9V2.6c0.1-1.3,0-1.3-0.3-1.4s-0.5-0.1-1.4-0.1H10
c-0.5,0-1,0-1.4,0.1l0.2,0.2c0.4,0.5,0.4,1.5,0.4,1.7c0.1,1.3,0,2.9-0.7,3.3c-0.1,0-0.2,0.1-0.4,0.1C7.5,6.5,6.8,5.8,5.6,4
C5,2.9,4.5,1.8,4.5,1.8s0-0.1-0.1-0.1S4.2,1.6,4.2,1.6H1.3H1.2c0.4,0.9,2.5,5,4.8,7.2c2,1.9,4.3,2,4.7,2h1.4c0,0,0.2,0,0.2-0.1v-0.1
c0-0.2,0-2,1.2-2.3C13.5,8.3,13.7,8.3,13.7,8.3z" fill="#666666"/>
</svg>
</a>
</li>
<li class="footer-link__item">
<a href="#" class="footer-link__linkin">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16.1 16" style="enable-background:new 0 0 16.1 16;" xml:space="preserve">
<style type="text/css">
.st0{fill:#666666;}
</style>
<path class="st0" d="M11.8,1C13.6,1,15,2.4,15,4.2v7.7c0,1.7-1.4,3.1-3.1,3.1H4.2C2.4,15,1,13.6,1,11.8V4.2C1,2.4,2.4,1,4.2,1H11.8
M11.8,0H4.2C1.9,0,0,1.9,0,4.2v7.7C0,14.1,1.9,16,4.2,16h7.7c2.3,0,4.2-1.9,4.2-4.2V4.2C16,1.9,14.1,0,11.8,0z"/>
<path class="st0" d="M8,4.9c1.7,0,3.1,1.4,3.1,3.1S9.7,11.1,8,11.1S4.9,9.7,4.9,8S6.3,4.9,8,4.9 M8,3.9C5.7,3.9,3.9,5.7,3.9,8
s1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1S10.3,3.9,8,3.9z"/>
<circle class="st0" cx="12.3" cy="3.7" r="0.9"/>
</svg>
</a>
</li>
<li class="footer-link__item">
<a href="#" class="footer-link__linkfc">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 10 19" style="enable-background:new 0 0 10 19;" xml:space="preserve">
<path d="M7.1,19H2v-8.8H0V5.8h1.9C1.8,3.8,2.1,2.4,3,1.4C3.8,0.5,5,0.1,6.5,0H10v4.2H7.2C7.1,4.4,7,5,7,5.8h3v4.4H7.1V19z M3.1,18
h2.8V9.1h2.9V6.8H5.9V6.3c0-1.4,0-2.6,0.7-3.1l0.1-0.1h2.1V1H6.5c-1.2,0.1-2,0.4-2.6,1c-0.8,0.8-1,2.3-0.8,4.2l0.1,0.6H1.1v2.3h2V18
z" fill="#666666"/>
</svg>
</a>
</li>
</ul>
<div class="footer-link__line"></div>
<div class="page-footer__wrapper">
<span class="text page-footer__text">Ivan Durbala</span>
<a href="#" class="page-footer__link-academy">
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
<path class="st0" d="M30.2,5H30L10.3,7.1v36.2L30,55l19.7-11.7V7.1C49.7,7.1,30.2,5,30.2,5z M47.2,41.8L30,52L12.8,41.8V27
l17.1,10.2V39l-11.7-7v1.8L30,40.9v1.9l-11.8-7v1.8l11.8,7l11.9-7.1v-7.6l5.3-3.2V41.8z M47.1,24.8l-4.7,2.8l-2.2,1.3l-10.3-6.1v1.8
l8.8,5.3h-0.1L38.4,30l-1.3,0.7l-7.3-4.3v1.8l5.8,3.4l-1.4,0.9l-4.3-2.6v1.8l2.9,1.7l-2.9,1.7L12.9,25l17-10.2
C29.9,14.8,47.1,24.8,47.1,24.8z M47.2,23L29.9,12.8L12.8,23V9.4L30,7.6l17.2,1.8C47.2,9.4,47.2,23,47.2,23z" fill="#666666"/>
</svg>
</a>
</div>
</div>
</footer>
