title: Responsive HTML Email Template without using CSS media queries?
body: <p>I'm looking to design a simple responsive HTML email template without using CSS media queries or flex-box. I would like the middle area of the email to have two columns when on a large screen:</p>
  
  <p><a href="https://i.stack.imgur.com/k4ykt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k4ykt.jpg" alt="Large Screen - 2 columns"></a></p>
  
  <p>but only have one column <strong>with its content centered</strong> when on a small screen:</p>
  
  <p><a href="https://i.stack.imgur.com/D33nI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D33nI.jpg" alt="Small Screen - 1 column - centered"></a></p>
  
  <p>How would you do that without using media queries?</p>