Check My DNS: Vertical Scroll With Screen Widths of 576px or Under

[florisbrunet]

I noticed that Check My DNS had vertical scroll on a mobile device screen and investigated it using the following snippet from here.

var all = document.getElementsByTagName("*"), i = 0, rect, docWidth = document.documentElement.offsetWidth;
for (; i < all.length; i++) {
    rect = all[i].getBoundingClientRect();
    if (rect.right > docWidth || rect.left < 0){
        console.log(all[i]);
        all[i].style.border = '1px solid red';
    }
}

I found that the following piece caused the overflow:

<div id="achievementTitle" class="row" style="">
    <div class="col-12 mt-2 mb-2 ml-2" style="border: 1px solid red;">
        <h2>Achievements</h2>
    </div>
</div>

It can be fixed by removing ml-2.

[jelu]

Fixed. Thanks