Im having some trouble with my website layout changing by device.

On my website the layout is perfect but on mobile and older computers the layout changes.
https://imgur.com/a/UL8Mb

Im guessing this is due to resolutions.

I was then advised to abolish the use of padding to center items on my site but i am still having the same problem.

On codeproject it was adivsed to create multiple layouts. Is this a common practice?
http://www.codeproject.com/Questions/1101828/Website-layout-differs-by-device
On google console i am obviously told my layout has a bad rating because it is not suitable for mobile.

Can anyone advise me on this ?

My Website is conorpendlebury.com

What I have tried:

I have tried changing site layout, resolution and adding media queries.

This has been kicked around for many years. I see you read one way so time to look into responsive web design. Google up that.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.18 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.