Съезжает сайт на мобильных устройствах, в чём проблема?

Question

[torro1]

Делаем с другом площадку для продажи товаров и столкнулись с проблемой. При создании мы делали адаптивный дизайн и через окно разработчика всё работало хорошо, но после тестовой загрузки на хостинг, сайт на телефонах начал съезжать, перепробовав кучу способов с ничего не помогало.
Сайт - https://abysses.tk/Pages/Market/

Изображение как выглядит на телефонах:

Comments

[Виталий Першин]

Evgenii, Не обязательно, если правильно сделать можно хоть 500 и pagespeed прекрасно воспримет и lighthouse одобрит

[Виталий Першин]

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

[Виталий Першин]

Evgenii, Почему нет? Может я чего-то не понимаю. У них вполне все адаптивно, просто viewport нужно правильно указать https://gyazo.com/95d6a247d024504d157fb59ac372d038

[Виталий Першин]

Evgenii, Ну так это и не хром.. viewport давно придумали работает он исправно. В любом случае там есть адаптация под мобильные, если кому-то нужно принципиально еще на 30px сузить, то это не проблема пару блоков подрезать.

[Виталий Першин]

Evgenii, В вашем браузере не будет работать, это же я код у себя в инспекторе поправил

[Виталий Першин]

Evgenii, не сделано это когда не сделано, а когда там на пару кликов доработок, это вполне сделано, собственно человек за этим и пришел что-то его подтолкнули, а вы рубите на корню со своим "не сделан для мобильных"

[Виталий Першин]

Evgenii, Интересная логика https://www.youtube.com/watch?v=bq6gMJgguHY

Answer 1

[pLavrenov]

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

В этом случае есть жестко заданная ширина и еще гэпы кривые.

Comments

[torro1]

Спасибо за ответ, перебрал все блоки и убрал отступы которые мешали. По итогу проблему создавали ещё и карточки у которых был не правильно сделан grid.