When testing the responsiveness of my banner image at a specific breakpoint, I noticed white space. You can see the issue on my website here.
https://i.sstatic.net/Oug2R.png
I have tried the following CSS:
html,
body {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
}
* { margin: 0; padding: 0; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
img{
width: 100%;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
I'm still struggling with the white space issue on my page. Any help or guidance on how to get rid of it would be greatly appreciated. Thank you in advance!