Если изначально правильный дизайн который не подогнан по пикселю чтоб буковка где-то лишняя не перенеслась то на это можно в принципе забить, 20 пикселей больше 20 меньше неважно. А если дизайн косой то бороться надо не со скроллбаром)
Задай прокручивающемуся контейнеру паддинг со стороны где рисуется скроллбар и положи его в контейнер с overflow: hidden меньшему по высоте/ширине на величину этого паддинга. Короче просто обрежь его родителем)
Дело не в питоне подозреваю. Просто письма должны быть сверстаны с соблюдением некоторых правил в отличие от обычной страницы. Даже если проблема в твоем методе отправки, в любом случае почитай про верстку писем.
Попробуй отправить уже готовое красивое письмо, чтобы проверить, возьми какой-нибудь шаблон на сайте-конструкторе
Никак, у тебя все равно следующие поля в другом ряду, а размер текущего ряда по размеру большой колонки, короче правую половинку вверх не подтянешь) Можно переделать все в 2 колонки без рядов, или с использованием какого-нибудь размещатора например
Если коротко - выпиливай флоат)
А если не коротко то картинки из-за флоата игнорируют обычную раскладку элементов, в которой ты лишкам мог дать инлайн блок и запретить перенос.
Добавление флекса самому списку на выходе дает требуемый вид но получается говнокод который пока не запустишь не увидишь как он все таки будет работать
Делаешь грид из трех колонок, первая размером с узкую карточку, третья размером с узкую карточку, средняя размером с разницу между узкой и длинной. Широкой карточке просто даешь grid-column: span 2;
Можно через псевдокласс :nth-child() указать каким карточкам будет задан спан чтобы руками не писать классы каждой
