Answers for "how to avoid horizontal scroll in web page"

DISABLE the Horizontal Scroll

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

how to stop a page from scrolling horizontally

overflow-x: hidden

css how to prevent horizontal scrolling

body {
    overflow-x: hidden !important;
}
.container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

avoid side scrolling css

html, body { max-width: 100%; overflow-x: hidden; }.