title: How to make outlook email signature responsive
body: <p>I'm setting up a new email signature for my client which needs to be responsive . </p>
  
  <p>I tried out one layout which includes div , tables etc which works out good on desktops but not on mobiles . </p>
  
  <p>Below is one such sample but the email appears as same is desktop &amp; mobile with the cells / divs shifting one under the other . </p>
  
  <p>As a part of my research , i tried using this email boilerplate which ended up in the same way . - <a href="https://github.com/seanpowell/Email-Boilerplate" rel="nofollow noreferrer">https://github.com/seanpowell/Email-Boilerplate</a></p>
  
  <pre><code>&lt;!--[if gte mso 9]&gt;
      &lt;table cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-family: Arial; font-size: 10pt; color: #fff; background-color: orange; width: 250px; height: 100px; padding: 3px; vertical-align: top"&gt;
  &lt;![endif]--&gt;
  &lt;div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: orange; width: 250px; height: 100px; padding: 3px; vertical-align: top"&gt;
      &lt;strong&gt;Administrator&lt;/strong&gt;&lt;br&gt;Phone {qwfqwfcqwdqwfqfgqwfqwbfjqnwjkfqnwjfbqiwnf qwnfiquwnqwnfiqnwifjnqwfinqwifnqwjinfqjiwnfijqwnf}&lt;br&gt;Email &lt;a href="mailto:{E-mail}" style="color: #fff; text-decoration: none;"&gt;{qwfqwfqwcqwfqwfqwfdqwcrqwrqwcrqwrqwrcqwrxqwrqwcxqrwqxrqwxqwx}&lt;/a&gt;
  &lt;/div&gt;
  &lt;!--[if gte mso 9]&gt;
      &lt;/td&gt;&lt;td style="font-family: Arial; font-size: 10pt; color: #fff; background-color: red; width: 250px; height: 100px; padding: 3px; vertical-align: top"&gt;
  &lt;![endif]--&gt;
  &lt;div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: red; width: 250px; height: 100px; padding: 3px; vertical-align: top"&gt;
      &lt;strong&gt;qwfqwfqwdqw fqwfqwfqwdfqwdqwfqwfqwdqwdqwdqw&lt;/strong&gt; ​
  &lt;/div&gt;
  &lt;!--[if gte mso 9]&gt;    
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
      &lt;![endif]--&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/623y57p1/1/" rel="nofollow noreferrer">https://jsfiddle.net/623y57p1/1/</a></p>
  
  <p>Have a look at the demo i made . This is responsive in browsers , but not in outlook . </p>