I added:
html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
into your CSS at the very top above the other classes and it seemed to fix your issue.
More Related Contents:
- Vertically center element on HTML page with some content on top (Bootstrap)
- comma after td entry html [closed]
- Vertically align an image inside a div with responsive height
- Using relative URL in CSS file, what location is it relative to?
- How to create a circle with links on border side
- Is there a CSS selector for the first direct child only?
- Remove white space above and below large text in an inline-block element
- Limit scope of external css to only a specific element?
- Why the content is not covered by the background of an overlapping element?
- How to animate underline from left to right?
- Drop-down menu that opens up/upward with pure css
- How to wrap text around an image using HTML/CSS
- How to word wrap text in HTML?
- Fullscreen responsive background image in CSS
- Bootstrap 4 Cards of same height in columns
- Gap in Bootstrap stacked rows
- How to vertically center a Bootstrap carousel-caption?
- Force browsers to load CSS before showing the page
- Is it possible to make a div 50px less than 100% in CSS3? [duplicate]
- How do I prevent the padding property from changing width or height in CSS?
- CSS align images and text on same line
- Is there a `pointer-events:hoverOnly` or similar in CSS?
- sticky position on css grid items
- Adding style to file upload button in css
- Is there an equivalent of CSS max-width that works in HTML emails?
- How might I force a floating DIV to match the height of another floating DIV?
- Making part of a div transparent
- justify-content: space-between failing to align elements as expected
- center inside a with CSS
- How to get equal width of input and select fields