Email still tends to be the most engaging format for companies to talk/interact with their clients, so it’s that much more sad in that HTML email continues to be stuck in the dark ages of front-end development and markup.

Within HTML email, responsive email is always more of a headache than doing something similar on desktop web browsers.

So when I saw this method for doing HTML Email responsiveness, but without the media queries that many mail clients strip out or just plain ignore, I was quite interested, but skeptical.

But it does work, and makes sense after reading through the article, and playing with it for a short amount of time. The secret is using a combination of the the CSS calc() along with width and max and min widths.

Looking forward to trying this in a real-world project.

Source: Medium.com – The Fab Four technique to create Responsive Emails without Media Queries