How to Create Responsive Images on Blogs - A common problem when you try to post an image larger than the size of a blog post or image content will look unresponsive when resizing your browser.
In the above demo, the image inside out goes beyond the width of the content because the image width is larger than the width of the content.
With that here, I will give a little tip on how to overcome the unresponsive image by providing CSS code for the picture. (This trick is fully applicable to all blog templates). Please go to your blog> Template> Edit HTML> Copy and paste the CSS below before or
]]></b:skin></style>
With that here, I will give a little tip on how to overcome the unresponsive image by providing CSS code for the picture. (This trick is fully applicable to all blog templates). Please go to your blog> Template> Edit HTML> Copy and paste the CSS below before or
]]></b:skin></style>
.post-body img {
max-width:100%;
height:auto;
}Then save the changes and see the results.
Maybe useful.
