В адаптиве имеется белая полоса, как убрать?

Question

[Сергей Хорошко]

имеется такая проблема

Возможно из-за анимаций которую я добавил


сайт - где можно посмотреть
гитхаб

Comments

[v3shin]

Добавлю: если после отрабатывания всех анимаций поменять размер окна, полоса исчезает.

Answer 1

[Сергей delphinpro]

Это значит, что какой-то элемент в верстке не может стать меньшей ширины, чем ширина экрана плюс эта полоска. Может быть width/min-width где-то жестко задан, может флексы без flex-wrap.

Пропишите стиль

* {
  outline: 1px solid red;
  outline-offset: -1px;
}

И посмотрите, что выпирает на белую полоску. Потом в инспекторе выясните, какое правило не даёт блоку ужиматься до размеров экрана.

Хотя, в вашем случае и так видно, какие блоки не адаптированы. Просто прокрутите страницу ниже.

Comments

[Сергей Хорошко]

Спасибо за ответ, правда я так и не нашел проблему. Возможно с секцией portfolio, но я не уверен. Можете показать какие проблемные места при адаптиве ?

Answer 2

[Сергей Хорошко]

Из-за transform: translate( X%, Y%), будьте аккуратнее с %
Мб кому то будет полезно