Images in custom pages not responsive

Hi All

We have created a blog page and added an image into that blog  page .
Image is not responsive when viewed in mobile .
Is there anyway I can make this image responsive ?  
Or Is there any plugin available to make this possible?

Thanks

Hi All

We have created a blog page and added an image into that blog  page .
Image is not responsive when viewed in mobile .
Is there anyway I can make this image responsive ?  
Or Is there any plugin available to make this possible?

Thanks

Hi WICSS,

it's very easy to accomplish this and you don't need to add a plug-in (unless you want some fancy responsiveness like changing to another image - Jquery Picture or cropping depending on viewport - JQuery Focuspoint), but I suspect you need it not to be cut in lower resolutions.

The thing you need to do is to find the class of the wrapping element (probably .blog-page or something like that) and add to your css :

.blog-page img{
    max-width: 100%;
}

that way when you lower the viewport's width the image would scale down :)