A simply base to develop a responsive email.
It's a responsive template (width 600/300 pixels on desktop/mobile)
IMAGE
x1 COLUMN
x1 COLUMN WRAPPERx2 COLUMN (FIX)
x2 COLUMN (SWITCH)
x2 COLUMN WRAPPER (FIX)
x2 COLUMN WRAPPER (SWITCH)x3 COLUMN (FIX)
x3 COLUMN (SWITCH)
x3 COLUMN WRAPPER (FIX)
x3 COLUMN WRAPPER (SWITCH)x4 COLUMN (FIX)
x4 COLUMN (SWITCH)
x4 COLUMN WRAPPER (FIX)
x4 COLUMN WRAPPER (SWITCH)x5 COLUMN (FIX)
x5 COLUMN (SWITCH)
x5 COLUMN WRAPPER (FIX)
x5 COLUMN WRAPPER (SWITCH)
TEXT
BORDER
BORDER-RADIUS (Not full compatibility !)
WEB-FONT (Not full compatibility !)
BACKGROUND-IMAGE (Not full compatibility !)
Tests performed on Litmus
On desktop:
- Apple Mail 9
- Apple Mail 10
- Apple Mail 11
- Apple Mail 12
- IBM Lotus Note 8
- IBM Lotus Note 9
- Microsoft Outlook 2000
- Microsoft Outlook 2002
- Microsoft Outlook 2003
- Microsoft Outlook 2007
- Microsoft Outlook 2010
- Microsoft Outlook 2011
- Microsoft Outlook 2013
- Microsoft Outlook 2016
- Microsoft Outlook 2019
- Mozilla Thunderbird
On mobile:
- Android 4.4
- Android 5
- Android 6
- Android 6 (App Samsung)
- Android 7 (App Samsung)
- Android 7.1
- Android 8
- Android 8 (App Gmail)
- Android 8 (App Google Inbox)
- Android 8 (App Outlook)
- iOS iPhone 6
- iOS iPhone SE
- iOS iPhone X
- iOS iPhone XS Max
- iOS iPad
- iOS iPad Pro 13
- iOS (App Gmail)
- iOS (App Google Inbox)
On webmail:
- AOL Online
- Comcast
- Freenet.de
- GMX.de
- Gmail
- Google Apps
- Google Inbox
- Libero
- Mail.ru
- Office 365
- Online.de
- Libero
- Web.de
- Yahoo!
- Vertical