Skip to main content
Emailens
Sign in

@media in Superhuman

Works @media works in Superhuman.

Works in 6 of 21 · partial in 13 · not supported in 2

Which clients
Works
Outlook for Mac, Apple Mail, Apple Mail iOS, HEY Mail, Fastmail, Superhuman
Partial
Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook iOS, Outlook Android, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Proton Mail, AOL Mail
Not supported
Outlook Classic, Thunderbird

The fix for the clients that need it

Needed in 15 of 21: Outlook Classic, Thunderbird, Gmail and 12 more.

Design mobile-first for clients without media query support

instead 
<!-- Single-column layout that works without @media -->
<table role="presentation" width="100%"
  style="max-width: 600px;" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td style="padding: 16px;">Left Column</td>
  </tr>
  <tr>
    <td style="padding: 16px;">Right Column</td>
  </tr>
</table>
Show the original
before 
<table width="800">
  <tr>
    <td width="400">Left Column</td>
    <td width="400">Right Column</td>
  </tr>
</table>
<style>
  @media (max-width: 600px) {
    table { width: 100% !important; }
    td { display: block !important; width: 100% !important; }
  }
</style>

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Your next question

Every feature in Superhuman · @media in every client

Questions

How many email clients support @media?
It works in 6 of 21, partial in 13, not supported in Outlook Classic and Thunderbird.

To see what in your email Superhuman does not support, paste the whole email.

The checker needs a computer screen.

caniemail (MIT) via @emailens/engine 0.16.1 · tested upstream 13 Dec 2023 · data last changed 17 Oct 2026 · Outlook (New) cells are the engine's mapping