CSS Grid, SCSS, Flexbox, Vanilla JS

Had a lot of fun with this one! My biggest hiccup was finding out that changing the height of the webpage made my content more crammed vertically. To be more specific, the height of the page when viewing it without toggling the device toolbar in Developer Tools is different from the height of the page when I do toggle it. As a result, my content's vertical spacing changes. How may I fix this so that the spacing stays constant regardless of the page height? Also, what page height should I design for when it comes to these challenges?

Any feedback or advice will be greatly appreciated!