title: Pictures in table won't resize
body: <p>I am working on a website right now and I've worked the following HTML code to display 3 pictures side by side:</p>
  
  <pre><code>&lt;table &gt;&lt;tr&gt;
  &lt;td&gt;&lt;img src="https://i.imgur.com/OePsoQN.png" alt="fivera"  height="283.5" width="504"  &gt;&lt;/td&gt;
  &lt;td&gt;&lt;img src="https://i.imgur.com/PeZkl4t.png" alt="fivera"  height="283.5" width="504" &gt;&lt;/td&gt;
  &lt;td&gt;&lt;img src="http://i.imgur.com/fqvrtec.png" alt="fivera"  height="283.5" width="504" &gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>It looks perfectly fine on my computer, but when I resize my browser size the pictures' size remain unchanged and it ruins the entire website by pretty much having a horizontal scroll bar show up.
  I've been Googling about this issue for the past 20 minutes but no solution has worked for me.</p>
  
  <p>Your suggestions would be greatly appreciated.</p>