I’ve been trying to make my website www.hubebub.com fully responsive and I’ve run into a small problem. I’ve placed an image in my footer which is quite wide and displays just fine on desktop and tablet.
Not so much on the mobile as it loses all proportions.
I’ve tried scaling the original image down but the difference in quality of image was far too noticeable.
Is there a way to maintain a height of 104px in the desktop/tablet version and amend the size in the mobile view to make it less deformed?
Hi @kikiriki, good question. Without more information I can’t say for certain, but it sounds like you’ll want to not set the image size and instead assign it a class with a width set with %.
If you update your post with some more information, we can help you faster. Things like your read-only link, screenshots, and your environment info really speed things up.
I’ll throw together a screencast so that you can see what I meant by the image not scaling properly.