Vertical Responsiveness Problems

Hi guys! Sorry about the newbie question. I am on the quest of creating my website and Im stumbling upon a strange behavior. When I open the webpage in a browser and if i resize the browser window vertically, everything on the page starts to shrink and move and move and scramble, you get the point, it’s awful. For example, if I open, when I resize the browser window only the browser resizes but not the webpage. How can I achieve that responsiveness. I am guessing it is something to do with the units that I use but I cant seem to get it to work.

Help is greatly appreciated. Thank you.

Here is the page:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)