I just completed my website apart from replacing a few photos here and there. When I view it on my MacBook (16") it looks perfectly fine. Nothing is outside the grid in edit mode so I figured it would be fine. However, when my friend views my website on her laptop which is slightly smaller (14"), things seem to be pushed together and don't align properly. I tried moving things more towards the center which did not fix the problem (pictures attached). Is there a code I should attach so my site looks the same on every laptop/desktop? If so, what is it/how do I go about doing that? I am very new to Squarespace and this is my first website through them. In the pictures you can see that the text doesn't align in one line as it should and the icons for social media don't align either.
Summary: Squarespace said it resizes to every size of screen but is not doing so and mobile version looks nothing like my site.
URL: https://www.captivating-portraits.com