Detect which elements overlap your document width.

outOfViewport.js

function outOfViewport(colorWrapper, colorTag, colorClass) {
    const bodyWidth = document.body.offsetWidth;
    const list = document.querySelectorAll('*');
    for (let elem of list) {
        if (elem.offsetWidth > bodyWidth) {
            console.log(
                `%c [` +
                `%c` + elem.tagName +
                `%c.` + elem.classList +
                `%c]` +
                `%c is wider than the document width`,

                `color: ${colorWrapper}; font-weight: bold;`,
                `color: ${colorTag};text-transform:lowercase; font-weight: bold;`,
                `color: ${colorClass}; font-weight: bold;`,
                `color: ${colorWrapper}; font-weight: bold;`,
                `color: black; font-weight: 300;`
            );
        } else {
            console.clear();
            console.log(
                `%c Looks like everything fit! 😊`, `color: green; font-weight: bold;`
            )
        }
    }

}
outOfViewport('red', 'dodgerblue', 'rebeccapurple');