Use different HTML code for desktop and mobile version
<p>On my <a href="http://www.apolosiskos.co.uk/" rel="nofollow noreferrer">website</a> I am trying to change how the divs look depending on the screen size. I already have a css file that deals with that. When I use the mobile version the titles in this div are like that : 
<a href="https://i.stack.imgur.com/PDR7n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PDR7n.png" alt="enter image description here"></a>
So, you can see that the title does not fit in one line. </p>

<p>The code is :</p>

<pre><code>&lt;div class="row"&gt; 
              &lt;div class="6u"&gt; &lt;section&gt; &lt;h3 class="image-radius img"&gt;&lt;img src="images/datorama.jpg"/&gt;DATA VISUALISATION ENGINEER&lt;/h3&gt; 
                  &lt;p&gt;&lt;b&gt;Datorama&lt;/b&gt;&lt;/p&gt; 
                  &lt;p&gt;•  Digital data analysis and automation&lt;/p&gt; 
                  &lt;p&gt;•  User-Interface interaction improvement&lt;/p&gt; 
                  &lt;p&gt;•  Visualisation of the insights &lt;/p&gt;&lt;/section&gt; 
              &lt;/div&gt; 
</code></pre>

<p>So, I changed one line of the code by adding the <code>&lt;br&gt;</code> :</p>

<pre><code>&lt;div class="6u"&gt; &lt;section&gt; &lt;h3 class="image-radius img"&gt;&lt;img src="images/datorama.jpg"/&gt; &lt;br&gt;DATA VISUALISATION ENGINEER&lt;/h3&gt; 
</code></pre>

<p>So, the mobile version is fine. But when I use this, my desktop version is like that:
<a href="https://i.stack.imgur.com/3Zs6D.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3Zs6D.png" alt="enter image description here"></a></p>

<p>but it used to be like that :</p>

<p><a href="https://i.stack.imgur.com/ZH3n5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZH3n5.png" alt="enter image description here"></a></p>

<p>My question is, how can I have a different version of html code depending on the screen size? I have the css code but it is going to be hard to set it up. Now I just have to add a <code>&lt;br&gt;</code>. Is there a way to add like an (IF desktop version, checking the css file --> html code version 1, else --> html code version 2).</p>