https://i.sstatic.net/t7Hyj.png
.main {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height: 100vh;
min-width: 100%;
width: 100%;
overflow-x: hidden;
overflow: hidden;
}
Here is the CSS code for the main outermost div in my webpage. I am facing an issue where there is white space when I minimize the screen to a phone's size. Is this because of my background styling or is there something I can do in CSS to remove it?