title: Email template table showing spacing in mobile devices
body: <p>I have created a custom email template and the content is below : </p>
  
  <pre><code>...
  &lt;table id="Table_01" width="70%" border="0" cellpadding="0"  cellspacing="0"  style=" backgroud:red;border-collapse: collapse;border-spacing: 0;"&gt;
      &lt;tr&gt;
          &lt;td valign="top"&gt;
              &lt;img style="display:block; border: 0px;width:100%;" src="images/01.png"  alt=""&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td valign="top"&gt;
              &lt;table id="Table_02" width="100%"  border="0" cellpadding="0" cellspacing="0" style=" border-collapse: collapse;border-spacing: 0;"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;img style="display:block; border: 0px;width:100%;" src="images/02_01.png"  alt=""&gt;
                      &lt;/td&gt;
                      &lt;td &gt;
                          &lt;img style="display:block; border: 0px;width:100%;" src="images/02_03.png" alt=""&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td valign="top"&gt;
              &lt;img style="display:block; border: 0px;width:100%;" src="images/03.png"  alt=""&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  ...
  </code></pre>
  
  <p>Above code created a table with three <code>tr</code> and it is showing properly in desktop but in mobile devices showing some spacing.</p>
  
  <p><a href="https://i.stack.imgur.com/1epzA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1epzA.png" alt="enter image description here"></a></p>
  
  <p>As above image table showing red line spacing in mobile devices.</p>
  
  <p>How to remove these spacing? </p>