title: I can't make email signature responsive (folding)
body: <p>I've tried the code below to fold on smaller screens and cut signature in half using <code>float:left</code> command on each of  but it doesn't work. I need to make this footer as it is on larger screens and fold in half on smaller ones :/</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table style="width: 450px;" width="450" cellspacing="0" cellpadding="0"&gt;
  &lt;tbody style="vertical-align: top; position: fixed;"&gt;
  &lt;br&gt;&lt;/br&gt;
  &lt;tr&gt;
  &lt;td style="border-bottom: 1px solid; border-bottom-color: #b50015; vertical-align: bottom; font-family: Verdana, sans-serif; color: #3b4908; padding: 0 0 10px 0;" valign="bottom"&gt;&lt;strong&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 14pt; color: #b50015;"&gt;Natalia&amp;nbsp;Gułaś&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #444444;"&gt;&lt;span style="font-family: Verdana, sans-serif; color: #2c2c2c;"&gt;Dyrektor Zarządzający&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
  &lt;td style="border-bottom: 1px solid; border-bottom-color: #b50015; vertical-align: top; font-family: Verdana, sans-serif; color: #3b4908; padding: 0 0 10px 0;" valign="top"&gt;&lt;a href="http://gimmik.net/" target="_blank" rel="noopener"&gt;&lt;img style="width: 179px; height: auto; border: 0;" src="https://lp.gimmik.net/upload/logo.jpg" alt="Logo" width="179" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td style="width: 60%; line-height: 18px; vertical-align: top; font-family: Verdana, sans-serif; font-size: 10pt; color: #444444; padding: 10px 0 0 0;" valign="top" width="60%"&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #2c2c2c;"&gt;&lt;strong&gt;&lt;a href="tel:+48882143502" style="text-decoration:none; color: #b50015;"&gt;tel.:&lt;/a&gt;&lt;/strong&gt; +48 882 143 502&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #2c2c2c;"&gt;&lt;strong&gt; &lt;a href="mailto:natalia@gimmik.net" style="text-decoration:none; color: #b50015;" target="_blank" rel="noopener"&gt;email:&lt;/a&gt;&lt;/strong&gt; natalia@gimmik.net &lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 40%; line-height: 18px; vertical-align: top; font-family: Verdana, sans-serif; font-size: 10pt; color: #444444; padding: 10px 0 0 0;" valign="top" width="40%"&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #2c2c2c;"&gt;Gimmik.net&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #2c2c2c;"&gt;ul. Mełgiewska 9E&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #2c2c2c;"&gt;20-209 Lublin&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td style="width: 60%; vertical-align: top; padding: 10px 0 0 0;" valign="top" width="60%"&gt;&lt;span&gt;&lt;a href="https://www.facebook.com/wwwgimmikpl/" target="_blank" rel="noopener"&gt;&lt;img style="margin-right: 5px; margin-bottom: 1px; border: 0; width: 16px; height: 16px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/plaintext3-with-logo/fb.png" alt="facebook icon" width="16" border="0" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;span&gt;&lt;a href="https://www.youtube.com/user/gimmikpl" target="_blank" rel="noopener"&gt;&lt;img style="margin-right: 5px; margin-bottom: 1px; border: 0; width: 16px; height: 16px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/plaintext3-with-logo/yt.png" alt="youtube icon" width="16" border="0" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;span&gt;&lt;a href="https://www.instagram.com/gimmik_net/" target="_blank" rel="noopener"&gt;&lt;img style="margin-right: 5px; margin-bottom: 1px; border: 0; width: 16px; height: 16px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/plaintext3-with-logo/it.png" alt="instagram icon" width="16" border="0" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;
  &lt;td style="width: 40%; vertical-align: top; padding: 10px 0 0 0;" valign="top" width="40%"&gt;&lt;span&gt;&lt;strong&gt;&lt;a style="text-decoration: none;" href="http://www.gimmik.net" target="_blank" rel="noopener"&gt;&lt;span style="font-family: Verdana, sans-serif; font-size: 10pt; color: #3b4908;"&gt;&lt;span style="font-family: Verdana, sans-serif; color: #b50015;"&gt;www.gimmik.net&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>