Thank you for providing the above template to get consistent look across both Gmail and Outlook.
It works as expected and solves the issue.
I got one suggestion to use media queries to hide the elements encased in tables. I'll try to see if I can make it work.
Thanks for suggesting https://howtotarget.email/. It looks really useful as every email client has their own different way of rendering the emails.
Thanks a lot for the above suggestions!
As you've correctly guessed, the design of the HTML document is very complicated. And for some reason, I cannot decrease the content or the complexity of the document.
I'm just a beginner in handling the HTML documents via e-mails. I wanted to know whether there is some pattern using which Gmail/ Yahoo-Mail clip the emails. After reading your comments, I understand that it is random and it abruptly closes the current element tag when the size goes beyond 102kB.
I've seen conditional comments, like <!--[if gte mso 9]>, being used for Outlook, and I was wondering if something similar can be used for Gmail or Yahoo-Mail. I was hoping if there could be a way to restrict the email client from rendering a specific element. The idea here is to stop the rendering as soon as the size comes near to 90kB.
It would have been simpler if I had limited documents. But there are multiple documents with dynamic content and due to this I'm looking for some dynamic solution which could be used at the time of rendering. As I'm new to email HTMLs, I don't even know whether it's possible to do such thing.