CSS property · 11 real installs 14 Oct 2026 · data last changed 10 Nov 2026
display:grid in email clients
Works in 18 of 21. Not supported in Outlook Classic. Partial in Gmail Android and Gmail iOS.
Your reader in Outlook Classic sees the email without display:grid, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
The fix for Outlook Classic
Replace CSS Grid with table layout for email compatibility
<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
<div style="display: grid;
grid-template-columns: 1fr 1fr; gap: 16px;">
<div>Item 1</div>
<div>Item 2</div>
</div>The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
display:grid on 11 real installs
One Emailens probe, screenshotted on each install on 14 October 2026, next to our live preview of the same client. Where display:grid is supported you should see: three boxes in a row.
caniemail: display:grid is not supported in Outlook Classic.
caniemail: display:grid works in Outlook 365.
This Outlook.com install drops the <style> in the head, so only inline styles apply.
caniemail: display:grid works in Apple Mail.
caniemail: display:grid works in Apple Mail iOS.
caniemail: display:grid works in Yahoo Mail.
Also captured, not counted as evidence (4)
- Outlook for Microsoft 365 · not mapped to an engine client yet Real screenshot
- Outlook 2019 for Mac (legacy app) · not counted as Outlook for Mac Real screenshot
This is the legacy Outlook for Mac app. The new Outlook for Mac, which the table describes, drops gradients, grid sizing functions, var() and more.
- Gmail (web) · not counted as Gmail Real screenshot
This Gmail install does not apply Gmail's sanitiser, so it shows more than real Gmail does.
- Windows Mail · not mapped to an engine client yet Real screenshot
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
All 21 clients, problems first
| Client | Support |
|---|---|
| Outlook Classic | Not supported |
| Gmail Android | Partial See caveat 1 |
| Gmail iOS | Partial See caveat 1 |
Works in 18: Gmail, Outlook 365, Outlook (New) and 15 more. Show all
| Client | Support |
|---|---|
| Gmail | Works |
| Outlook 365 | Works |
| Outlook (New) | Works |
| Outlook iOS | Works |
| Outlook Android | Works |
| Outlook for Mac | Works |
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Yahoo Mail | Works |
| Yahoo Mail Android | Works |
| Yahoo Mail iOS | Works |
| Samsung Mail | Works |
| Thunderbird | Works |
| HEY Mail | Works |
| Proton Mail | Works |
| AOL Mail | Works |
| Fastmail | Works |
| Superhuman | Works |
Caveats (1)
- 1. Gmail Android, Gmail iOS: Not supported with non Google accounts.
Caveats as recorded by caniemail (MIT), one entry per wording.
Your next question
- Does word-break work in Outlook Classic?
Works in 4 of 21 · partial in 12 · not supported in 5
fix - Does display:flex work in Outlook Classic?
Works in 18 of 21 · partial in 2 · not supported in 1
fix - Does border-spacing work in Outlook Classic?
Works in 17 of 21 · not supported in 2 · 2 untested
fix - Does border-radius work in Outlook Classic?
Works in 16 of 21 · partial in 4 · not supported in 1
fix - Does visibility work in Outlook Classic?
Works in 13 of 21 · not supported in 8
fix - Does text-shadow work in Outlook Classic?
Works in 12 of 21 · not supported in 9
fix
display:grid in Outlook Classic · Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.