How to make blog post images responsive in Blogger


This is how you can make all your blog post images responsive to the different screen sizes.
Add this line into your Blogger custom CSS section:
.post-body img { width: 100%; height: auto }



Comments

  1. Thank You very much you have solved my problem

    ReplyDelete
  2. It worked great on the mobile display... but it messed the desktop display :
    - messed with alignment of main picture
    - displayed small images (opening bigger through lightbox) in full screen

    ReplyDelete
  3. Thank You! This is very helpful. I tried other tutorials with so many codes but were so confusing while your tutorial solved my problem with just 1 line of code. Awesome!

    ReplyDelete

Post a Comment

Thank you for visiting Almost a Technocrat. Due to many spam comments, your comment will be moderated.

Popular posts from this blog