Why does my website differ when i open it on mobile

On google chrome the website looks like this

I searched on the internet that iphone 11 pro max has dimensions of 375 x 844. My website looks fine when i inspected it using chrome. But when i opened the website using mobile chrome, it looks different.Why is that?

This is the temporary address http://goozeofficial-com.stackstaging.com/