CSS Issue – Big white space

I created a theme on my blog – https://misstravelgirl.com/

The issue is that when you shrink the browser to about 980 pixels width or less, you see a big white space on the right side. I am aware that it’s the padding in the #palette div that is causing it because when I set the padding to 0, it fixes the problem. However, I still want the padding for the text. So, how can I fix the problem by removing the white space without adjusting the padding?