kn1ght_t

https://jsfiddle.net/na9zd2pe/

1) да
2) во внешних источниках лежит картинка, в письме в img src просто ссылка на картинку
3) таблицы

соблюдайте семантику и руководствуетесь здравой логикой, больше для написания нормального html знать не надо
еще можете попробовать pug js, попробуйте делать ваши компоненты более реюзабельными (в пределах разумного) в виде миксин

примерно так: https://jsfiddle.net/jopcqwe0/

clip-path?

обернуть левые и правые блоки в родителя?

пускай сделает свою сетку, это делов на 10 минут
зачем использовать бутстрап тогда? дело принципа?))

конвертили шрифты чем-то? например, font squirrel?

в доках смотрели?

скачать исходники бутстрапа 4

зачем такое вообще делать через бутстрап? используй диапазоны медиа-запросов из бутстрапа, остальное верстается ручками

* {
max-height: 99999px;
}

обычно спасает от проблем с увеличенными шрифтами

ну так посмотрите в исходниках сайта, там это все есть

в девтулс показано логическое, а не физическое разрешение
соответственно медиазапросы работают для логического разрешения
а вот всякие иконки нужно делать с учетом физического разрешения и плотности пикселей