Как удалить пробел между и правой стороной страницы

Question

Как я могу удалить это пространство между телом и правой стороной страницы?

Посмотреть полный код здесь: https://jsfiddle.net/4tqdejyx/

<div class="social"> 
    <h4 class="social-text">#Social</h4> 
    <ul class="lista"> 
     <li><a href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li> 
    </ul> 
</div> 
<div class="Contact-us"> 
    <div class="contact-button "> <p class="dugme"><button class="cbtn">Contact us</button></p></div> 
</div> 
<div class="footer"> 
    <img src="" class="logo" alt="logo"/> 
    <h4 class="bk-text2">Buddy/Kitty</h4> 
    <p>&copy;All rights reserved!</p> 
</div> 

Answer 1

Установите контейнер или свойство ширины тела к 100%, чтобы покрыть всю ширину окна браузера. Я мог бы быть более конкретным, если вы принимаете свой код или делаете JSFiddle.

Answer 2

left класс имеет left-margin из 2%

right класс имеет right-margin из 8%

Я думаю, что это где проблема, а не с телом. Измените свой CSS на right на следующее, и он должен исправить проблему, которую вы видите.

.right { 
    margin-right: 2%; 
    margin-left: auto; 
    float: right; 
} 

---

Также ...

Похоже, у тебя были какие-то проблемы с подкладкой вверх ваш <div class="social"> правильно, так что я сделал некоторые изменения в этих тегах. Я также выровнял вашу кнопку входа, чтобы обнять правую сторону, чтобы быть симметричной с кнопкой воспроизведения слева.