Page "compressing" when resizing browser

I’m just messing around in WordPress right now, learning different things as I go along. As you can see from my very basic homepage (https://thefootballnotes.com/) it’s just a simple example to try and emphasize my problem. I’m not sure how to explain this properly, but I’ll try: if you resize the browser to a smaller size while having that homepage open, everything “compresses” (for want of a better word) on the page (e.g the menu buttons go in a random order and the frog picture thing gets re-scaled to fit the browser). The same thing happens when viewing from mobile devices and on smaller screens etc. I would like to change the page in such a way that all the items remain in their positions (presumably forcing the viewer to scroll across to see the whole unaltered, unstretched content on the page.) I’m sure there is a simple and easy fix to all of this, however I can’t seem to figure it out unfortunately!
Edit: I’ve never had this issue before and therefore it seems strange to me and it’s presumably down to the theme. Most other websites don’t have this “feature” so it seems bizarre to me.