I have widgets on the right side bar of my blog page which include more than one image. I do this so the images can sit perfectly side by side with a the appropriate division between them. All good. But, when I view on my iPad or iPhone, the images drop down which if fine, but the division between the two images is not there so the images merge together which does not look good.
Is there a way of fixing this?
Each image in the widget is 180 x 180 which when side by side fits perfectly when viewed on a desktop computer
still no screenshot, but no worries, I now see the images you referred to. This is going to be one of those things where you have to create a custom CSS for the media query when viewed on a mobile device. So on one of the media queries for the smaller viewing size (resolution), you need to get a little creative with adding css to put a bottom margin on the images…it’s going to be a little difficult because you also need to target that particular widget ID so that only those images will take on the custom margin bottom when viewed in a smaller window.
**welcome to mobile design 🙂
the other option is for you to use the inline columns (which is a much easier solution). Use this as a guide: