MailViewr - Free HTML Email Preview Tool
← CSS Support Index

Does CSS grid-template-* properties Work in HTML Email?

This page reflects support for `grid-template`, `grid-template-areas`, `grid-template-columns`, `grid-template-rows`.

Quick Answer

Does grid-template-* properties work in HTML email?

The CSS grid-template-* properties property is supported in Outlook (Mac / Web), Apple Mail, Samsung Email, Thunderbird, and others. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail, and others. Always include a safe fallback for unsupported clients.

Which Email Clients Support CSS grid-template-* properties?

CSS support for grid-template-* properties across email clients

Email ClientDesktopMobile / WebNotes
Gmail✗ No✗ No
Outlook (Windows)✗ No?
Outlook (Mac / Web)✓ Yes✗ No
Apple Mail✓ Yes✓ Yes
Yahoo! Mail✗ No✗ No
Samsung Email?✓ Yes
Thunderbird✓ Yes?
ProtonMail✓ Yes✓ Yes
Fastmail✗ No?

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

Paste your HTML and see how it renders in clients that don't support
grid-template-* properties.

Open Email Previewer