Layout changes based on screens size

Site URL: https://brendaweicai.com

Hello all! 

I've been working on my portfolio on my 32" monitor and realized that the layout is completely different after moving the browser to my 13" laptop. The spacing is super weird, not to mention the text columns that I can't seem to make it uniform. I've tried editing from my laptop instead of the monitor but obviously then everything is weird when I move it to my monitor.

I did figure out(with the help of this forum) that it's affecting buttons when the blocks are overlapped. When I went to my individual case study(https://www.brendaweicai.com/eatunbound) to fix the overlapping blocks and resize them to fix the spacing, the text blocks are STILL adjusting themselves as I move it laptop to monitor. This is still making weird spacing. 

The first pic is the after I've made sure none of the blocks are overlapping and the spacing is to my liking. The second is the EXACT same thing just on my larger monitor. 

Is this just how Squarespace works on the "responsiveness" across screen sizes? 

Is there a way I can adjust/fix with custom css(or anything really) so the spacing and everything else is uniform no matter the computer screen they're looking at it from? 

Thanks!

were you able to find answers? 

I've also been having the same issue across my 7.1 sites, personal and client, and how things change so dramatically by screen size. Case and point – 13" Vs 27". 

I actually can't stand it. It's one of the worst things ever. I'm unsure if there's anything that can be done.