Responsive screen not quite working well

Hi everyone!

I’ve been making my own website this week and given the fact that I’m completely new to this, this forum has helped me greatly, couldn’t have done it without you guys, so thanks for that!!

Now I’m having a slight problem though, for which I can’t seem to find a solution, probably because I find it hard to describe and thus google the problem. My website uses the responsive Confit theme, but when I make my screen smaller (less wide) it doesn’t do what it should do. My article becomes smaller at first (good) but then it stops becoming smaller and it moves down, under the menu, so that to the left of my article there is a lot of space and to the right of my menu there is, too. When my screen is set at it’s smallest (least wide) it’s all okay again: the menu uses the full width of the screen and the article does too, and they are placed below each other, which is fine. I want them to be either next to each other (on a large screen) or below each other (on a small screen), both is fine, as long as they use full width of the screen – or at least they shouldn’t look as wrongly placed as they do now.

Sorry for the long, weird description, I hope you know what I mean. Is there anyone who can help me? Like I said, I’m completely new to using code, so I’m apologizing in advance for maybe not immediately understanding your responses ??

Link to my site: https://www.tuttifrutti-producties.nl

Thanks guys!!