Detect which elements overlap your document width.

outOfViewport.js

function outOfViewport(colorWrapper, colorTag, colorClass) {
  var w = document.body.offsetWidth,
  it = document.querySelectorAll('*');
  for ( i in it) {
    if( it[i].offsetWidth > w ) {
      console.log(
        `%c [` +
        `%c` + it[i].tagName +
        `%c.`+ it[i].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')