Денис Букреев

Не понимаю проблемы
Просто на мобильных превратить их в карусель любым из десятков плагином

В чем сложность создать файлик и подключить его?

"по месту" скрипты не закэшируются + придется постоянно ползти в шаблон, чтобы отредактировать этот скрипт.

Качество верстки зависит только от рученек и работы головы

Помимо препроцессоров: сборщики, автопрефиксеры, css-фреймворки, заготовленные блоки кода (в основном касается JS, но 100% из проекта в проект я копирую общий шаблон и стилизованные элементы форм, а потом их просто немного меняю)

в задницу таблицы
Flexbox уже поддерживается абсолютным большинством браузеров и там поддержка как строк, так и столбцов просто восхитительна.

Да я тоже так делаю, при определенном размере где ломается макет ставлю брекпоинт и латаю. А если размер близок к одим из этих размеров 768px, 992px, 1200px то и от туда начинаю. Я верстаю flexbox - ом, в среднем 1 - 2 брекпоинта уходит на один блок.

вычисляешь высоту всех блоков и даешь значение обертке, если я верно понял задачу

Есть конченные студии и заказчики, которые просят выполнить тестовое задание (обычно максимально простое) и болта они клали на портфолио)

А так да, нормальная такая идея.
Главное, держи при себе репозиторий с кодом. Серьезные люди смотрят именно туда.

На весь блок навесь псевдокласс .block:hover и там уже делай манипуляции со стрелкой
Делаешь ей

position: relative, left: 10px, transition: 0.2s ease-in-out

и все огонь будет

Блок с тремя границами (без верхней, если что)
Внутри элемент с :before и :after, которые и будут составлять верхнюю границу

Странный вопрос.
Если перефразировать в двух словах, то получится "Как верстать?" - по смыслу тоже самое, что и название вопроса.

Берем, значит, и верстаем. Вот и все.
В чем проблема то?

Смотри.
У тебя есть два листа бумаги.

Если ты один на другой положишь - тебе удастся увидеть то, что изображено на нижнем?
Да и о чем это я.
Блок вообще обрезается, так что представь, что ты отрезал кусок бумаги с рисунком и выкинул на помойку его.

Почему бы не применить фон сразу к родителю? Или сделать общего родителя для этих двух?

Есть простой и проверенный способ: делаешь его как обычный сайт, а потом такой ОПА и поворачиваешь его на 90deg:

.wrap {
  transform: rotate(90deg);

    > * {
        transform: rotate(-90deg);
    }
}

Нехилый js?
У меня с первой подобной задачи уже есть готовый код
На форму обратной связи у меня уйдет от силы минут 20, а по стоимости выйдет 500-1000₽
Это с настройками проверки введенных полей, php-кодом отправки письма, ajax-запросом

Форма заказа - ничем не отличается от обратной связи, только надо будет еще скриптом данные захватывать.
Имеется ввиду простая форма, отправляющая на почту запрос на товар.

Калькулятор отдельная тема
Почти все заказчики называют пару табов с введением данных в поля - калькулятором, хотя это не так. Реализуется тоже просто.
А бывают громоздкие с множеством зависимостей и формул калькуляторы - вот тут уже и проектирование и создание займет время и денюжку.

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

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

PS: safari на windows всегда был более багнутым чем IE и Mozilla вместе взятые

Так что без OS X не обойтись никак. Safari на маках и на винде - это небо и какашки.
Я в свое время поставил хакинтош (я писал от счастья, что мое железо идеально подошло под нужды macOS), немного бубнов пришлось потратить, но результат того стоил - про винду забыл, старый хлам выкинул, купил макбук - советую так же поступить.

думаю, никто не ответит, потому что вопрос некорректно задан