Images dont seem to bee responsive

Mobile
1

im trying to get the site ready for smaller screens,
http://shores-rentals.com/alma/Galleries/painting20.html
why do the images (in the body below the navbar go away and not re-size like the above 2?

Thanks

2

Hi,

The images have nothing to be responsive with as the thumbnail is floated and is therefore the image never gets compressed as it will always be 100% width of the parent.

You probably don’t want the image responsive anyway until the viewport reaches a certain size otherwise you just get rows of 3 or 4 images that just get smaller rather than wrapping (which I assume you want).

Try something like this instead.



.thumbnail{display:inline-block;float:none;}
@media screen and (max-width:600px){
.thumbnail{display:block;}
}