• Simple trick on how to make image attached in HTML file to be responsive.
  • The first thing is to set either or both height:100%; and width:100%;.
  • The codes above are already set the images to be responsive of page's view port (wbe browser's UI dimension).
  • Adding max-height:xxxpx or max-width:xxxpx would be better since this CSS prevent images to be drawn overly big.
  • I get this reference from this StackOverflow discussion, https://stackoverflow.com/questions/15458650/make-an-image-responsive-simplest-way.