Mobile padding issue [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 8 years ago.

Improve this question

I have inserted some spacing between the map and the "Used By Thousands Of Canadians" in the middle of my website, which it looks like I have room for. But when I do this and view the website on my Iphone it shows that it doesn't have any room and the image is push away from the text. Can someone see what is causing this and show me a corrective action. Thanks for your time

www.jobspark.ca

Answer 1

try the % instead of the px unit or use @media and specify dimensions for the smart phone resolution @media

CSS @media for standard devices

I hope that will help PS: under the @media you can specify changes only for certain elements, ID or classes so you don't have to redesign the hole page (as far as I know) so don't be shy to give it a try :)