1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Прошу помощи убрать лишний отступ в мобильных версиях

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Evgenka, 5 дек 2017.

  1. Evgenka

    Evgenka

    Регистрация:
    10 окт 2013
    Сообщения:
    2
    Симпатии:
    0
    Добрый вечер.
    Путем проб и ошибок делаем сами себе сайт, одностраничный. Столкнулись с такой проблемой: на мобильных телефонах и при проверке адаптивности дизайна поваляются горизонтальные полосы прокрутки (и соответственно справа небольшой белый отступ), хотя вроде бы их и не должно быть.
    Что в стилях прописано не верно, почему они появляются?
    http://rozp.by
    Просим сильно не ругаться, все пытаемся делать сами, будем признательны за любую помощь и совет.
    Заранее всем спасибо.
    --- Добавлено, 5 дек 2017 ---
    Кажется нашли проблему: присвоили #why ширину width: 97% и теперь все как нужно
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    285
    Симпатии:
    53
    Код:
    <div class="row"> 
                                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                    <div class="services-box">
                                        <i class="fa fa-file-text"></i>
                                        <h6>Договор</h6>                                   
                                        <p>Заключив с нами договор, все переговоры, сбор документов, составление претензий, представление интересов в суде – больше не являются Вашей проблемой</p>
                                        
                                    </div><!-- /services-box -->
                                </div>
                                
                                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                    <div class="services-box">
                                        <i class="fa fa-usd"></i>
                                        <h6>Бесплатно</h6>                                   
                                        <p>Юридическая помощь общественным объединением будет оказана Вам на <b style="font-weight: 800;">безвозмездной</b> основе. Все расходы по оказанию юридической помощи в случае успешного завершения дела несут ответчики</p>
                                        
                                    </div><!-- /services-box -->
                                </div>
                                
     ....
                             </div>
    126я строка - тут по-аналогии должен быть класс row-xl
     
    $iD нравится это.