I have added an image to my site using the image element and made the image 480px across. When I look at the page using the mobile view there is a margin down the right side of the image. I would have thought on a screen that is 480px that an image 480px across would mean that the image would appear full screen.
Can you tell me what I might have missed please?
Hi @vincehypno,
Thank you for writing in, I did check your page, but I don’t see 480px width applied to image? And even if you do, your actual image width is only 400px so there is an 80px discrepancy there.
Here’s what I advise double the size of your image say, 800px, and apply a max-width 480px to the image element.
Hope it helps,
Cheers!
The picture at the bottom of the page of the young boy and girlis 480px. If I have a double sized picture set to only display half it’s size wont that have a negative impact on the loading speed of the page?
Hi There @vincehypno
Your image is not using the fullwidth of your mobile because of the padding of it’s container.
Could you please try adjusting it and it should resolve your issue.
Hope that helps.
Thanks!
1 Like
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.