Почему не сжимается страница сайта при адаптации?

Question

[khodos_dmitry]

https://credits-pl.ru/mfo/smsfinance/
Пытаюсь адаптировать сайт, но страница не сжимается при достижении примерно 800px. В чем проблема? Вроде width все заменил на max-width.

Comments

[Сергей delphinpro]

Уберите временно overflow:hidden у #container, добавьте стиль *{outline:2px dotted red} и сами всё увидите...

[Сергей delphinpro]

хотя хз... поковырял - раскладка просто ужас.. х пойми что напичкано..

[khodos_dmitry]

Сергей: Я вижу, что #content не сжимается. Но почему?

[Сергей delphinpro]

khodos_dmitry: увы, там ужас ужасный. казалось бы - простая двух колонная раскладка, а так намудрили..
Что бросается в глаза - огромный марджин у боковой колонки

[Ярослав Иванов]

Вьювпорт ?

Answer 1

[Radja7]

Добавьте следующие стили:

@media screen and (max-width: 1000px) {
   #content {
     overflow: inherit;
     float: none;
     padding: 0 10px;
   }
 }

картинкам, видео задайте max-width: 100%;

И так же поправьте таблицу, оглавление и другие мелочи на мобильных разрешениях, тут, думаю, сами справитесь

Comments

[khodos_dmitry]

Благодарствую.

[khodos_dmitry]

А зачем padding: 0 10px; ? Если он есть, то часть контента под скролл уходит.

[Radja7]

padding не обязателен, этим я просто хотел обозначить, о том, что хорошо бы задать отступ и контент не прилипал к краям страницы.

Answer 2

[justdealman]

Из-за таблицы.

Comments

[Сергей delphinpro]

Ну вы хоть бы попробовали ее убрать сначала... =))
Мимо..

[justdealman]

В первую очередь из-за таблицы.
Проблемы по уменьшению разрешения:
1. Таблица.
2. Форма ответа.
3. Рекламное видео.
4. Рекламный баннер.
5. Оглавление.
6. Лого 'Смс финанс'.