Задать вопрос
Alexander3928
@Alexander3928
html

HTML-письмо: Как расположить 2 кнопки в одну линию, но чтобы они растягивались на весь размер контейнера и верстка не ломалась?

Я новичок в верстке html-писем, так что не судите строго, если вопрос окажется легким.
https://codepen.io/Alexxxsander/pen/MWxVXgo
  • Вопрос задан
  • 91 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
NastyaSpb
@NastyaSpb
CRM-маркетолог
Лучшим решением для писем будет следующее:
1. задать нужную ширину методом подбора к td
2. добавить к td отступы снизу обоим кнопкам, чтобы на мобилке кнопки не склеивались
3. не задавать фон для td, а оставить их прозрачными, лучше внутри добавить блок и его залить фоном
медиазапросы в гугл не работают, там можно max и min-width использовать
https://codepen.io/nanandro1/pen/KwwEdKa?editors=1010
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии