Find what f***** DOM element break your responsive by adding a horz scrollbar

script

//put this in your console, and see the red elements
var breakpoint = 320;
$('*').each(function() {
  ($t = $(this)).outerWidth() + $t.offset().left > breakpoint && console.log($t.css('background', 'red'));
});

// Without jquery
var breakpoint = 320;
document.querySelectorAll('*').forEach(function(el) {
($t = el.getBoundingClientRect().width + el.getBoundingClientRect().left > breakpoint && console.log(el.style.background = 'red'));
});

let breakpoint = 320;
document.querySelectorAll('*').forEach(function($el) {
    if($el.getBoundingClientRect().width + $el.getBoundingClientRect().left > breakpoint) {
        $el.style.background = 'red'
        console.log($el);
    }
});

With console.log working ;)