Image does not respond with narrowing screen

[qim]

Hi

I thought I had solved the problem on this page
http://pintotours.net/Asia/Indonesia/RamadaBenoa.html
but when I naroow the screen the image in the middle of text suddenly occupies the whole width

Could you help, please?

Thank you

[chrisofarabia]

It’s definitely responding on IE11, but your CSS is showing it set to 100% with a max-width of 400px - in respect of what I’m seeing, it seems to be doing exactly what I’d expect it to.

[qim]

But how do I keep the image to maintain the same ratio comparing with the width of the central column?

I guess I have to play with the media queries…

[chrisofarabia]

Can you do a max-width with a percentage value rather than the pixel width along with a media query?

[ronpat]

I believe this is what qim is looking for:

.img-container {
    padding: 0 22px 0 40px;
}

No media query required.

[qim]

Hi ronpat

Thanks

I will test it as it might upset the other nearly 100 pages with this stylesheet. I introduced the .text img {} to apply just to this type of situation

[qim]

Hi ronpat

Brilliant! Thanks!