Адаптивная верстка html-письма в 2024

Опубликовано: 16 Март 2026
на канале: MaxGraph - cайты как страсть

8,780

319

Привет! В этом видео мы сверстаем письмо на html с нуля. Посмотрим, как правильно сделать разметку, куда сложить изображения, как сделать письмо адаптивным.

Содержание:
00:00 - Интро
00:21 - ВАЖНАЯ информация
02:37 - Обзор правил верстки
05:30 - Курс по верстке html-писем
07:01 - Разбираем стартовый шаблон
18:20 - Верстаем письмо
01:04:11 - Проверка письма
01:08:29 - Аутро

Записаться на курс по верстке писем: https://verstaem.online/courses/html-...

Макет: https://www.figma.com/design/rEOShVX3...
Стартовый шаблон: https://github.com/maxdenaro/maxgraph...
Типограф: https://www.artlebedev.ru/typograf/

Готовый код доступен по подписке: https://boosty.to/maxgraph

Доп. контент и поддержка канала:
❤️ https://boosty.to/maxgraph
❤️ https://www.donationalerts.com/r/maxd...

Полезные ссылки:
🤌 Макеты для верстки: https://verstaem.online/projects/
🤌 Задачки по верстке с решениями: https://verstaem.online/tasks/
🤌 Курс по верстке html-писем: https://verstaem.online/courses/html-...
🤌 Канал с полезностями в телеграм: https://t.me/maxgraph
🤌 Чат для верстальщиков: https://t.me/maxgraph_chat

🤙 ВК Видео: https://vk.com/video/@maxgraph
🤙 Платформа: https://plvideo.ru/channel/12iaEyaMfVZ7

👋 Меня зовут Максим. Верстальщик, занимаюсь веб-разработкой 7 лет
Подписывайся: / @maxgraph

#верстка #html #css