I'm currently facing a website issue while using Bootstrap. Everything seems to be working fine until I attempt to check the responsiveness of my website. There appears to be an excessive white space on the right side of my body, but only in a specific section of the website. The scrolling is smooth in the middle of the page without any issues.
I've attempted to resolve this problem by adding css overflow-x: hidden to my CSS, but unfortunately, that hasn't fixed the issue.
UPDATE : You can view my website here: , and the code can also be accessed there.
Here is the HTML snippet:
<!doctype html>
// HTML code here
And here is a section of my CSS:
html {
// CSS code here
}