Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens
Sign in

display:grid in HEY Mail

Works display:grid works in HEY Mail.

Works in 18 of 21 · partial in 2 · not supported in 1

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

The fix for the clients that need it

Needed in 3 of 21: Outlook Classic, Gmail Android and Gmail iOS.

Replace CSS Grid with table layout for email compatibility

instead 
<table role="presentation" width="100%" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td width="50%" style="padding: 8px;" valign="top">
      Item 1
    </td>
    <td width="50%" style="padding: 8px;" valign="top">
      Item 2
    </td>
  </tr>
</table>
Show the original
before 
<div style="display: grid;
            grid-template-columns: 1fr 1fr; gap: 16px;">
  <div>Item 1</div>
  <div>Item 2</div>
</div>

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

Your next question

Every feature in HEY Mail · display:grid in every client

Questions

How many email clients support display:grid?
It works in 18 of 21, partial in 2, not supported in Outlook Classic.
Does display:grid work in Fastmail?
display:grid works in Fastmail. Closest to HEY Mail: Fastmail, which agrees on 173 of the 235 features both are tested on.

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

The checker needs a computer screen.

Real captures 14 Oct 2026 on 11 installs · caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 28 Feb 2019 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping