Image Block resize on mobile

On 9/15/2021 at 10:44 PM, tuanphan said:

Answered your message. You can check it again.

@tuanphan Would love to know how to fix this kind of issue.

On 10/18/2022 at 2:08 AM, duducampos said:

@tuanphan Would love to know how to fix this kind of issue.

Depend your case. Can you share link to page where you have problem? We can check code easier

I'm having just the same problem as the original poster, on this page: https://www.elizabethguilt.com/fiction

The "free to read" badge image comes out sensible on desktop but full width on mobile. Following previous advice, I was hoping this CSS snippet would fix it:

@media screen and (max-width:767px) {
div#yui_3_17_2_1_1678919226636_70 {
    width: 30%;
    margin: 0 auto;
    }
}

... but it seems to make no difference. Can anyone offer any advice on what I'm doing wrong? Many thanks!

The image also currently shows as unreadably-tiny on tablet, which will be the next problem. Presumably I would need to set a min-width for the `div` element on a tablet-sized screen width?

Hi! 

Also having a similar problem here. I've tried all these codes in the CSS but can't get the images side by side.

On 6/17/2023 at 7:29 AM, weecancuk said:

Hi! 

Also having a similar problem here. I've tried all these codes in the CSS but can't get the images side by side.

Can you share link to this page?

I realized I should have done a blog rather than individual galleries. works like a charm now!