Mail Layout differs on Gmail and Outlook
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-15-2023 04:19 AM
I am trying to figure out why the company's new email layout looks different on Gmail and Outlook. I have attached images of the layout on both platforms. The layout looks perfectly fine on Gmail, but on Outlook, the bottom logo goes to the left, and the background image of the girl increases in size, which causes the survey button to move to the left as well. In the Outlook notification, only the logo and the image are visible, and all the text is covered in the notification body.
I could make changes to the image to align the image and text to a proper layout in Outlook, but that doesn't solve the core issue. What if this email is received on a different platform? Each platform would render the email layout HTML differently, causing problems for the client. Is there a proper format or solution that can be followed to ensure the same layout appears on every platform, regardless of the format? Or am I missing something here?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎12-15-2023 05:00 AM
Hi @swapnil15
designing emails layouts which looks similar in all email clients is pretty difficult and sometimes even impossible.
However, there are many excellent tutorials available on the internet, for example: https://webdesign.tutsplus.com/build-an-html-email-template-from-scratch--webdesign-12770a
Maik