Changing HTML with media queries?
<p>I'm building my first website, using right now mainly HTML and CSS.
In order to adjust my website for big screens (desktop computers) as well for tablets and phones, I'm using <strong>media queries</strong> to link my HTML pages to different style sheets.
for example:</p>

<pre><code>&lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="desktop_css.css" media="(min-width: 1200px)"&gt;
    &lt;link rel="stylesheet" type="text/css" href="phone_css.css" media="(max-width: 1200px)"&gt;
&lt;/head&gt;
</code></pre>

<p>That works really fine, but I need to change my HTML code as well.
I want to add different images for every "media query", so that for under 1200px width of screen one image will appear, and another for screens with over 1200px width.</p>

<p>How do I do that?</p>

<p>Thanks alot!</p>