Responsive Images on Pages


I have a quick question.

I've created some HTML tables within my custom node pages. In one of the table cells, I have an image. I must note here that the image has been manually uploaded to a custom directory via FTP and is NOT a forum attachment.

I think I need to add the following code to the <head> of my Pages so that on mobile devices, the image inside the table scales a little better....

img {
  width: 100%;
  height: auto;

I BELIEVE this is how it should be done. I have a feeling I may need to possibly create a custom hook? Could someone please help me with this? Thanks!


You know what, I'm an idiot...

I set the width to 100% like this:
...image.jpg" width="100%">
and that solved the problem.

Sorry, I guess you could probably delete this thread...