lukoie

0 только и лишь в % не получится
1 макет рисовал дизайнер в скетчах своих? как он там придумывал проценты эти? узнайте у него - узнаете ккак у себя делать в верстке
2 Вы calc в размерах цсс умеете юзать, надеюсь?
3 полезных сайтов много, но в таком размытом вопросе чего то конкретного посоветовать сложно
4 а гугл как гуглили? что спросили?
5 что такое отступы, и везде ли Вы смотрели, действительно ли нигде не делают? Может на то есть причина, напимер разная высота у разных девайсов, еще и с ретиной надо считаться?
6 если лень переписывать - пользуйте фреймворки и препроцессоры

Попробуйте на другой машине.
Попробуйте какой-нибудь сервис онлайн-скриншотов url2png
После урла таймстамп ставьте, чтобы кеш не использовался.

ну, как бы, никто ж не запрещал добавить элементу класс px-0, вообще-то
так он даст нулевой паддинг по иксу вполне себе стандарным способом.
но если менять глобально, то у меня например есть файлик bs4custom.css, где переопределяются дефолтные стили, которые есть в БС4, и файл custom.css для остальных своих стилей

Что значит "не уверен"? Кто мешает убрать их и проверить без них?

Если тут кликаете, вызов начинается?
www.linphone.org/yhfnzsrxlw4uhvq5-call.html

7 экранов. 14 слайдов
первый слайд с видео, и автоматически переходит на второй слайд. второй слайд с контентом, и без автоматического перехода далее. на втором слайде цсс-анимация появления блоков.

https://bulma.io/alternative-to-bootstrap/
https://alternativeto.net/software/bootstrap/

для блока с дисплей флекс надо указать
.classname:first-child {
z-index: 1;
}
https://jsfiddle.net/1o9Lwym0/

флексбокс умеете?

do google wpkama
смотрите еще cms "get simple" - она простая, на файлах
если бы Вы умели сасс/лесс или паг или твиг, есть штуки, которые позволяют для ВП делать шаблоны с использованием их.
вообще, берите WP theme boilerplate, или например underscore - там всё очевидно и понятно что куда

1 У Вас стоковое изображение с водяным знаком. Либо купить его, либо заказать у дизайнера нарисовать "типа такое же".
2 Изображение такое желательно в СВГ сделать
3 Отдельно для верхней границы, отдельно для нижней, правой и левой. При этом изображения должны либо растягиваться, либо повторяться, чтобы выглядело норм на любой ширине и высоте окна браузера.
4 на фоне есть еще серенькие ромашки. Их сделать отдельно.
5 Быть готовым что некоторые ромашки могут обрезаться наполовину в местах стыка.

проще и быстрей всего- нарисовать в иллюстраторе и сохранить как SVG, а потом как обычную картинку

https://www.npmjs.com/package/gulp-file-include
или https://github.com/xmoonlight/includeHTML

откуда в задаче берется ИЕ, кстати?

вот тут гляньте еще код, как реализовано: https://www.gatsbyjs.org/

У меня есть пару скринов похожих в пинтересте:
https://pin.it/o7y72wqossmhsh
можно выгуглить и в коде поглядеть каким скриптом сделано

Так проще ж всего взять тот слайдер, и выковырять оттуда эффект.
Или хотя бы поглядеть его внутренности, там может есть название, или даже ссылка на тот жейквери плагин.