Открыли письмо? Значит, верстка сработала. В мире, где 90% писем просматривается на мобильных, а почтовые клиенты — это десятки разных «вселенных» со своими законами, верстка email — это не просто код. Это дипломатия между дизайном и технологией, где каждый пиксель должен уметь договариваться.
Почему email — это не веб?
Забудьте на минуту о CSS Grid, Flexbox и современных фреймворках. Почтовые клиенты (Gmail, Outlook, Apple Mail, Яндекс.Почта) живут в прошлом. Многие из них до сих пор не поддерживают современные стандарты, используют движки рендеринга времен Internet Explorer и безжалостно обрезают «опасные» стили. Ваш шедевр в Figma может превратиться в хаос таблиц и разъехавшихся блоков.
Факт: Outlook для Windows использует движок рендеринга Microsoft Word. Да, того самого, для текстовых документов. Это объясняет многие его «особенности».
Столпы email-верстки: таблицы, инлайн-стили и магия
Чтобы письмо выглядело единообразно везде, приходится использовать проверенные временем, хоть и архаичные, методы.