imko

Есть плагины для Gulp
https://github.com/ianli-sc/gulp-font-base64 - шрифты
https://www.npmjs.com/package/gulp-inject - скрипты и стили
https://www.npmjs.com/package/gulp-base64-inline - картинки как в цсс так и в html
Собираешь в кучу и радуешься жизни

Я думаю тебе специально эти разрешения дали в фигме в качестве брейкпоинтов. Так что мобила до 768, планшет до 1440. Хотя честно сказать довольно странно, тогда ноутбуки попадают на планшет

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

У тебя же прямым текстом написано исключить модули "exclude: /node_modules/,"

Вижу что все работает, на мобиле например #rf_delivery просто в верху экрана, так что ему некуда крутиться)
попробуй напиши в консоли getElementById и глянь где расположены элементы на которые ведут якоря

Если ты уж очень прогрессивный то смотри вьюпорты дисплеев складных смартфонов, 280 вроде бы у фолда, а так 320

object-fit? Плюс имей в виду сафари непропорционально масштабирует картинки, так что если указываешь одно измерение ставь второе как авто

https://learn.javascript.ru/event-bubbling
Тебе нужно просто прекратить всплытие, кнопка чать блока следовательно клие по кнопке всплывает на клик по блоку, так что кнопкам пиши в обработчик event.stopPropagation()

Нерабочий вариант это импорт я подозреваю из node_modules, которых у тебя уже на сайте не будет. Вижу два стула, либо делай сборку и собирай свой плагин в общий JS файл, либо клади куда-нибудь папочку с плагином и абсолютным/относительным путем запрашивай через импорт

Не усложняй, сделай через цсс, :nth-child(even)

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

Это большое усложнение, помимо того что на создание блока у тебя много времени уходит, так и на изменения будет еще больше уходить, а собираться это будет по сто лет. Вместо БЭМа есть CSS-селекторы, а вместо PUGа изменения вручную.
Если тебе критично иметь такую строгую структуру имен и ты не можешь по каким-то причинам использовать селекторы и хочешь городить гигантские классы в html то БЭМ тебе необходим. А если ты еще имеешь на паре десятков страниц экземпляры одного блока который тебе надо менять только в одном (очень условно одном, если у тебя генерация из массива например то нифига не в одном) месте то PUG тебе тоже необходим)
В общем я бы не усложнял на твоем месте

Убери для нее top, из-за того что указаны и top и bottom ее по центру ставит

он не перекрывается, он ограничен им. Сделай руками, там очень простой скрипт будет с toggleClass если на jq

Если ты про тень вокруг, то подложи под него просто элемент с тенью вокруг и смести вниз