title: Broken image on mobile device
body: <p>One of my images showed a broken image link, but only on mobile devices. In all my desktop browsers, even when resizing the browser window, the image was still showing. The file path of the <code>&lt;img&gt;</code> tag was correct and there was no CSS or JS targeting the image, except for literally only a <code>width</code> and a <code>margin</code> CSS property. After searching for puzzle pieces for about an hour, I finally figured out what fixed the problem but not what caused it.</p>
  <p>The image tag I used:</p>
  <p><code>&lt;img src=&quot;/path/to/image.png&quot; alt=&quot;image alt tag&quot;&gt;</code></p>
  <p>What ultimately solved the problem:</p>
  <p><code>&lt;img src=&quot;/path/to/image.png&quot; alt=&quot;image alt tag&quot; /&gt;</code></p>
  <p>(notice the / at the end of the tag)</p>
  <p>Why does this little / make such a big difference? And why do all other images, with the exact same CSS class and file paths, show no problems? What does this / actually do?</p>