Website layout and text size placements change on different computer screens.

I am currently designing a website for a friend and when we were finished we were testing the site and for some reason on his computer allot of the text and imagery was not align and out of place. We cant figure out what the issue is and why the websites layout gets disrupted. He has a 13inch mac and I have a 15 inch mac but in the past I have not had issues with this problem. Only thing I can possibly think of is because we are using a custom font? But like I have said I have not had these issues in the past using custom fonts. Let me know if there are any ideas or suggestions with how to fix this problem. Thank you! 

Here are some photos for reference of our issue. 

9 hours ago, DaveHorner said:

He has a 13inch mac and I have a 15 inch mac but in the past I have not had issues with this problem. Only thing I can possibly think of is because we are using a custom font?

It's just the screen size changing. It does appear that you have blocks overlapping. Checking the responsiveness to smaller (and larger) screens than the one you design on is pretty easy to do, you can either just adjust the browser size manually, or use Google Developer Tools, or a chrome plugin like this:

https://chromewebstore.google.com/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb

Here's what I see when I view the website on a large tablet (simulated):

Hi Ziggy,

thank you for helping and proving a response I truly appreciate it!

So the solution would be to fix the overlapping text boxes on the pages and then test the site using the plug ins you mentioned? Do you think the main issue is overlapping text/image blocks?

On 11/22/2024 at 6:32 PM, DaveHorner said:

So the solution would be to fix the overlapping text boxes on the pages and then test the site using the plug ins you mentioned?

Yes.

On 11/22/2024 at 6:32 PM, DaveHorner said:

Do you think the main issue is overlapping text/image blocks?

It appears to be the issue your friend is seeing.