title: FOundation emails --- thunderbird rwd
body: <p>I have created responsive email message and it works but the problem is on Thunderbird.When i go under the breakpoint all my columns looks like 100% of width but should be 50%.
  I add some screens view and my code.
  Please help ...</p>
  
  <p>screen 1 - correct 
  <a href="http://elskiba.pl/mobile-view.jpg" rel="nofollow noreferrer">http://elskiba.pl/mobile-view.jpg</a>
  screen -1 Thunderbird 
  <a href="http://elskiba.pl/html-mail-issue.jpg" rel="nofollow noreferrer">http://elskiba.pl/html-mail-issue.jpg</a></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;container
   style="border-bottom:1px solid #ffcc00;padding:0 2px;background:#fff;"
  &gt;
   &lt;row class="collapse"&gt;
    &lt;columns small="12" large="6"&gt;
     &lt;row&gt;
      &lt;!-- column 1 --&gt;
      &lt;columns
       small="4"
       style="padding-top:14px; padding-bottom:20px; padding-left:5px;padding-right:0"
      &gt;
       &lt;img
        width="106"
        src="{{ faceurl }}"
        alt="portret"
        style="width:106px;max-width:106px"
        class="float-center"
       /&gt;
      &lt;/columns&gt;
      &lt;!-- column 1-- end --&gt;
      &lt;!-- column 2 --&gt;
      &lt;columns
       small="8"
       style="padding-top:14px; padding-bottom:20px"
      &gt;
       &lt;row&gt;
        &lt;columns small="2" large="2" align="center"&gt;
         &lt;a
          href="{{ linkedinlink }}"
          style="margin-right:8px;display:block"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/linkedin_yellow_icon.jpg"
           alt="linkedin"
           class="float-right"
         /&gt;&lt;/a&gt;
        &lt;/columns&gt;
        &lt;columns small="10" large="10"&gt;
         &lt;h1 style="line-height: 1"&gt;
          &lt;a href="{{ linkedinlink }}"
           &gt;&lt;strong&gt;{{ name }}&lt;/strong&gt;&lt;/a
          &gt;
         &lt;/h1&gt;
         &lt;p style="line-height: 1"&gt;{{ position }}&lt;/p&gt;
        &lt;/columns&gt;
       &lt;/row&gt;
  
       &lt;spacer size="18"&gt;&lt;/spacer&gt;
  
       &lt;row&gt;
        &lt;columns small="2" large="2"&gt;&lt;/columns&gt;
        &lt;columns small="10" large="10"&gt;
         &lt;p style="color:#000"&gt;
          &lt;strong
           &gt;&lt;a
            href="{{ contact }}"
            style="text-decoration:none;"
            &gt;&lt;span
             style="color:#000 !important;text-decoration:none !important"
             &gt;{{ contact }}&lt;/span
            &gt;&lt;/a
           &gt;&lt;/strong
          &gt;
         &lt;/p&gt;
         &lt;p style="color:#000"&gt;
          &lt;a href="http://chop-chop.org"
           &gt;&lt;strong
            &gt;&lt;span
             style="color:#000;text-decoration:none"
             &gt;chop-chop.org&lt;/span
            &gt;&lt;/strong
           &gt;&lt;/a
          &gt;
         &lt;/p&gt;
         &lt;p style="color:#000"&gt;
          &lt;a href="http://chop-chop.org/blog"
           &gt;&lt;span
            style="color:#000;text-decoration:none"
            &gt;chop-chop.org/blog&lt;/span
           &gt;&lt;/a
          &gt;
         &lt;/p&gt;
        &lt;/columns&gt;
       &lt;/row&gt;
      &lt;/columns&gt;
      &lt;!-- column 2-- end --&gt;
     &lt;/row&gt;
    &lt;/columns&gt;
    &lt;columns small="12" large="6"&gt;
     &lt;row&gt;
      &lt;columns
       small="4"
       large="4"
       style="padding-top:14px; padding-bottom:20px"
      &gt;
       &lt;a href="http://chop-chop.org" style="display:block"&gt;
        &lt;img
         width="61"
         height="71"
         src="{{ companylogo }}"
         alt="company logo"
         class="float-center"
        /&gt;
       &lt;/a&gt;
      &lt;/columns&gt;
      &lt;!-- column 4 --&gt;
      &lt;columns
       small="8"
       large="8"
       style="padding-top:14px; padding-bottom:20px"
      &gt;
       &lt;row&gt;
        &lt;columns small="2" large="0"&gt;&lt;/columns&gt;
        &lt;columns small="10" large="12"&gt;
         &lt;h2&gt;&lt;strong&gt;Chop-Chop Sp.z.o.o.&lt;/strong&gt;&lt;/h2&gt;
         &lt;p&gt;
          &lt;span style="color:#000;text-decoration:none"
           &gt;ul Szewska 3a&lt;/span
          &gt;
         &lt;/p&gt;
         &lt;p style="color:#000"&gt;
          &lt;span style="color:#000;text-decoration:none"
           &gt;50-053 Wrocław PL
          &lt;/span&gt;
         &lt;/p&gt;
        &lt;/columns&gt;
       &lt;/row&gt;
       &lt;spacer size="18"&gt;&lt;/spacer&gt;
       &lt;row&gt;
        &lt;columns small="2" large="0" valign="bottom"&gt;&lt;/columns&gt;
        &lt;columns small="10" large="12" valign="bottom"&gt;
         &lt;a
          href="https://www.linkedin.com/company/chop-chop-org"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/linkedin_icon.jpg"
           alt="linkedin"
           style="display:inline-block;margin-right:4px;width:25px;height:25px"
         /&gt;&lt;/a&gt;
  
         &lt;a href="https://www.instagram.com/chopchopers/"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/instagram_icon.jpg"
           alt="instagram"
           style="display:inline-block;margin-right:4px;width:25px;height:25px"
         /&gt;&lt;/a&gt;
  
         &lt;a href="https://www.facebook.com/chopchoporg"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/facebook_icon.jpg"
           alt="facebook"
           style="display:inline-block;margin-right:4px;width:25px;height:25px"
         /&gt;&lt;/a&gt;
  
         &lt;a href="https://github.com/chop-chop-org"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/github_icon.jpg"
           alt="github"
           style="display:inline-block;margin-right:4px;width:25px;height:25px"
         /&gt;&lt;/a&gt;
  
         &lt;a href="https://clutch.co/profile/chop-chop"
          &gt;&lt;img
           width="25"
           height="25"
           src="https://chop-chop.org/app/uploads/2019/02/clutch_icon.jpg"
           alt="clutch"
           style="display:inline-block;margin-right:4px;width:25px;height:25px"
         /&gt;&lt;/a&gt;
        &lt;/columns&gt;
       &lt;/row&gt;
      &lt;/columns&gt;
      &lt;!-- column 4 end --&gt;
     &lt;/row&gt;
    &lt;/columns&gt;
   &lt;/row&gt;
  &lt;/container&gt;</code></pre>
  </div>
  </div>
  </p>