title: HTML Responsive Email: 3 column layout for desktop/tablet to 2 column layout for phone
body: <p>Trying to create a responsive HTML email that has a 3 column (multiple rows) layout for desktop/tablet and changes to 2 columns (multiple rows) for phone display using tables(<code>&lt;table&gt;</code> <code>&lt;tr&gt;</code> <code>&lt;td&gt;</code>). I've only found solutions online that go from a large device multi-column layout to a single column small device layout using mainly tables. What is the best strategy on how to code this type of layout? I've tried referencing resources mainly from Mailchimp, Campaign Monitor and Litmus.</p>
  
  <p>The code below goes from 3 columns (large display) to 1 column (phone display)</p>
  
  <p>Link to code: <a href="https://github.com/alexwang949/html-responsive-email/blob/master/tables.html" rel="nofollow">https://github.com/alexwang949/html-responsive-email/blob/master/tables.html</a></p>