Layout of letters for outlook, help?

Question

css

Good afternoon! Can you please tell me how to type up emails correctly so that everything is reflected normally in all mailers?
Now everything looks like this:
- the Magento project itself
- about 50 emails
- there is a separate css file with styles that is inserted into each template.
On gmail everything is fine, but on outlook everything is very bad.
Outlook does not accept classes at all.
Please tell me if there is any solution to this problem?
I would be very grateful for your help!

Answer 1

Layout of letter templates is back in the 90s

Answer 2

Use the kilogram letter layout framework https://github.com/dudeonthehorse/kilogram

Answer 3

1. Outlook does not accept margin. Use padding.
2. Background-image does not work in Outlook, you need to insert
3. Everything should be tables. Even the link-button is a table.
4. All styles must be inline.

Answer 4

Letters are typed in tables, styles are added to the tag through the style attribute. Many mailers don’t perceive classes, they don’t perceive the margin property, or they redraw it as they need.

Answer 5

Layout for letters should be tabular with inline styles
More details - https://habrahabr.ru/post/252279/ Tags
support in mailers - https://www.campaignmonitor.com/css/