Как найти элемент, вылезающий за экран?

Question

[callem]

Перелопатил половину сайта, параллельно что-то задел, бэкапы, попытки как-то понять почему на главной странице при ширине меньше 768px появляется полоса справа ни к чему не привели, нашел, что выходят элементы из footer, как исправить - не понимаю, overflow:hidden ломает остальное

Постоянное ощущение, что решение не в кастыле, т.к. overflow:hidden раньше не было, проблема только на главной сайта

Comments

[humoured]

Откройте в десктопном браузере с аналогичной шириной экрана и изучайте через инспектор элементов.

[Ankhena]

Что-то это становится ежедневным вопросом

* {
  --out-width: 2px;
  outline: var(--out-width) solid red;
  outline-offset: calc(0px - var(--out-width));
  &::before, &::after {
    outline: var(--out-width) solid lime;
    outline-offset: calc(0px - var(--out-width));
  }
}

[callem]

Ankhena, большое человеческое спасибо

[imko]

Ankhena, или просто галочка Границы слоев во вкладке Отрисовка в девтулзах)

[Ankhena]

imko, что-то я не поняла как подсветить им все элементы, включая псевдо.

[imko]

Ankhena, честно - я сам его первый раз вижу)) Просто подумал что эта галочка довольно ожидаемая, она и обнаружилась)

[Ankhena]

imko, либо я нашла не ту галочку либо она не для этого.

[cssfish]

ничего не понял про галочки, но в любой ситуации с багами есть проверенный способ - удалять элементы по одному, либо по половине от общей массы.

[callem]

cssfish, Спасибо, хабр, что ты есть, спасибо люди, что вы есть. Я думал, все спецы уехали, а здесь такая отзывчивость. Мотивирует давать помощь другим, когда сам сталкиваешься с выручкой в трудностях.)