CSS property · data last changed 10 Nov 2026
grid-template-columns in email clients
Works in 7 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 10 more. Partial in Outlook for Mac.
Your reader in Outlook Classic sees the email without grid-template-columns, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Lay grids out with tables or with inline-block columns in MSO ghost tables, which work everywhere. If you use grid for the clients that support it, make sure the markup order and the plain block flow already read well as a single column, because that is what most readers will get.
There is no drop-in fix for grid-template-columns in Outlook Classic. Design so the email still reads without it.
No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
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 →
grid-template-columns is not among the 24 features we have screenshotted on real installs. The ones we have →
All 21 clients, problems first
| Client | Support |
|---|---|
| Gmail | Not supported |
| Gmail Android | Not supported |
| Gmail iOS | Not supported |
| Outlook 365 | Not supported |
| Outlook (New) | Not supported |
| Outlook Classic | Not supported |
| Outlook iOS | Not supported |
| Outlook Android | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| AOL Mail | Not supported |
| Fastmail | Not supported |
| Outlook for Mac | Partial See caveat 1 |
Works in 7: Apple Mail, Apple Mail iOS, Samsung Mail and 4 more. Show all
| Client | Support |
|---|---|
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Samsung Mail | Works |
| Thunderbird | Works |
| HEY Mail | Works |
| Proton Mail | Works |
| Superhuman | Works |
Caveats (1)
- 1. Outlook for Mac: Observed 2026-10-27 (Emailens probe sheets 20-22, the new Outlook for Mac): Plain track sizes work (
300px 300px,1fr 1fr); a value withrepeat()orminmax()is dropped, so the grid falls back to one column.
Caveats as recorded by caniemail (MIT), one entry per wording.
How grid-template-columns behaves
grid-template-columns defines the columns of a CSS grid. Only a few email clients support it fully: Apple Mail, Samsung Email, Thunderbird, HEY, Proton Mail and Superhuman, with Outlook for Mac in part. Gmail, every Windows and mobile Outlook, Yahoo Mail, AOL and Fastmail ignore it, so a grid layout falls apart into one column, or into whatever order the markup gives, for most readers.
- Gmail does not support grid-template-columns, on the web or in its apps.
- Outlook Classic, Outlook (New), Outlook 365 and the Outlook mobile apps do not support it. The new Outlook for Mac keeps plain track sizes such as 300px 300px or 1fr 1fr but drops a value with repeat() or minmax(), so the grid falls back to one column (Emailens real-device probe, 27 Oct 2026).
- Yahoo Mail, AOL and Fastmail do not support it.
Questions
Can I use CSS grid in HTML email?
Only for a minority of clients such as Apple Mail. Gmail, Outlook Classic and Yahoo Mail ignore grid-template-columns, so build the layout with tables or inline-block columns.
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 display:grid 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
Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.