Nuances of email layout?

Question

css

Hello! Please tell me how emails are typed today? There is a test task - to make up a letter so that it is displayed in all mail clients. The layout of the email is quite large, with many pictures. I have never dealt with the layout of letters, I know that everything should be done with a table. So there are a couple of questions ... how to upload pictures, how to test in all popular email clients, which ones are popular? How to layout adaptively? And one more thing ... they gave two layouts, one with pictures, the other without ... is it two pages to make up? In short, all the nuances of such a layout are of interest.
I would be very grateful for any advice, code examples)

Answer 1

Если требуется во всех почтовых клиентах (допустим Outlook 2011+), то офк онли таблички с инлайн стилями. Респонсив поддерживается адекватно только в эпл почте + имеется гибридный подход для gmail, но он геморойный.
Вообще норм люди делают подобные вещи с помощью вот таких штук foundation.zurb.com/emails.html
Руками только наркоманы все верстают, ибо повесится можно.