Common layout error: testing horizontal scrolling

    This mistake is tiny and inconspicuous, but still, it is a mistake. It is present on a monstrous number of sites, including on Habrahabr.

    The problem arises with background images of elements that stretch to the full width of the browser window. For example, the basement of Habrahabr. If you reduce the browser window until horizontal scrolling appears and rotate to the right, then the background can simply be chopped off.

    On Habrahabr, this problem is not obvious (the background is always under the text), so I give a more visual example from a random site:
    image

    The easiest way to fix errors in CSS
    html {min-width: 960px;}
    


    I just want to remind developers about this minor bug, because it is really very common, even on the websites of web studios (I look at the issuance of Google at the request "website development" and I find an error on three out of five sites).

    Also popular now: