Есть ли плагины, которые бы подсвечивали паддинги, маргины и т.д. для Хрома?

Question

[xonar]

Здравствуйте.
Часто сталкиваюсь с тем, что когда делаю адаптивность, то при тесте в консоли разработчика например на расширение 320 и т.д., у меня какой-то элемент или блок создаёт горизонтальную прокрутку, так как не помещается в 320 ширину из-за маргина, паддинга или ещё чего-нибудь. Есть ли плагин, который бы подсвечивал тот блок, который не вписывается в 320?

А то проверять каждый элемент долго вручную.

Надеюсь, что описал понятно. Приложу явный пример, но бывает когда не понятно, что растянуло ширину.

Answer 1

[Кирилл]

Плагин не нужен, просто во время дебага прописывайте в стилях следующее и готово:

*, *::before, *::after {
    outline: 1px solid red;
}

Comments

[xonar]

Да, то что нужно! Спасибо большое. Чтот сам до этого не додумался.