В данном случае кнопку нужно делать в виде button или label для инпута?

Overlord934, да, верно

В данном случае кнопку нужно делать в виде button или label для инпута?

Overlord934, даже если не смотреть в справочники, простой перевод слова placeholder намекает на то, что он делает, за что отвечает и в каком формате должен быть.
Подробненько: https://htmlacademy.ru/blog/html/form-design-place...

Как тогда прописывать строку " Телефон" в сам инпут?

Ну в смысле как? Как наложить один тег на другой?
Гридами (лучше). Абсолютами (хуже). Отрицательные margin, transform... что вы ещё умеете..

В данном случае кнопку нужно делать в виде button или label для инпута?

Overlord934, я бы рекомендовала проверять код валидатором перед тем, как кому-то показывать.

Нет, не правильно.
1. label это подпись для инпутов. Кнопки нельзя вкладывать в лейблы.
2. Смысл лейбла в осмысленной подписи для поля. Если её нет видимой в макете, то её придумывают для скринридеров.
Если текста нет, то это как Вовочке мороженное по лбу из известного анекдота.

В данном случае кнопку нужно делать в виде button или label для инпута?

Там еще и форма потерялась.
На скрине кнопка, с типом submit, которая отправляет эту форму (и не важно, что вы там с ней творите на js).

Но лейбл у инпута всё равно должен быть. Если совсем никак, то хотя бы aria-label.
Если что, "Телефон" это не плейсхолдер, это как раз таки label.

Как сделать более плавную svg анимацию?

https://codepen.io/search/pens?q=Svg+line+animation

Насколько хорошо использовать li для создания колонки текста?

Нормально ли делать так, или нужно это делать с flexbox

Нужно разгрести кашу.

Разметку пишут по смыслу (семантическая верстка). Если это список, то используют ul, ol, dl.

Флексы (или не флексы) это стилизация. Можно применять к любым (ну почти) тегам. Т.е. для вашего списка вы можете сделать раскладку флексами, если она подходит или чем-то ещё.

Как сделать такой custom border?

Что не получилось с border-image?

Почему Firefox не наследует font-weight для h1?

Overlord934, Во всех браузерах у заголовков по умолчанию 700.

Если по какой-то причину на вашем сайте 400, а в ФФ вообще 600, то вы нам рассказали не всё о происходящем.
Или есть какие-то дополнительные стили или неверно подключены шрифты или в шрифте отсутствует нужная жирность и т.д.
Сделайте песочницу на codepen.io, которая иллюстрирует проблему или покажите сайт.

Как установить gulp-cli?

Возможно, имеет смысл не устанавливать никакой cli, а запускать пакеты через npx вместо npm?
Т.е. рассказать истинную задачу.

С помощью чего и как можно сверстать такую секцию?

Список, абсолюты (или гриды), svg, псевдоэлементы, относительные единицы измерения (если оно должно масштабироваться)

Что именно вы уже попробовали и что не получилось?

Не работает position: sticky, почему?

Потому что стики работает внутри родителя

Как убрать невидимую полосу в правой стороне (такое только с телефона)?

Это не полоса и даже не отступ. Это элементы торчащие из ширины вьюпорта.
Причем на скрине даже хорошо видно, что именно торчит.

Как понять куда шлет письма?

Может и не слать письма. Может складывать полученные данные в БД или слать в телеграм или ещё что угодно.
Нужно смотреть скрипт, который обрабатывает эту форму.

Как чистить html код от строчек подключения скриптов, стилей, после воссоединение всех стилей, скриптов в одиночные файлы?

gazes12,

Я работаю в исходниках.

Логично

Как мне дебажить код в файлах, когда они отформатированы и все в одиночных файлах, там каша какая-то.

Не понятно где каша и почему бы не распределить код по файлам так, чтобы не было каши? (Например, БЭМ или аналогичные подходы).

Смотрите в браузере, исправляете в исходниках.
Если не ясно в каком файле искать, то см выше:
1. переделать на логичную структуру
2. подключить sourcemaps (на этапе разработки не включая плагины для комбинирования media)

Как чистить html код от строчек подключения скриптов, стилей, после воссоединение всех стилей, скриптов в одиночные файлы?

Google -> gulp replace
и регулярка.

Более приятный ход на мой взгляд - пользоваться шаблонизаторами. Хотя бы его зачатком типа gulp-file-include. Тогда поменять ссылки нужно будет только в одном месте.

Как сделать, чтобы текст в атрибуте title переносился на строки?

На самом деле не attr(title), а какой-нибудь data-

Css grid, как растянуть последние блоки по ширине?

Breeze1, если известно количество колонок, то решается за счет nth-child для любого количества элементов.
https://css-live.ru/articles/resheno-s-pomoshhyu-c...

Как получить элемент по селектору из переменной?

https://learn.javascript.ru/searching-elements-dom...

Можно ли задать направление изменения цвета?

Вадим, немножко https://jsfiddle.net/Ankhena/jpxa6Lh2/

Как вписать текст по его размеру в блок div?

В общем случае плагины типа fit text.
А в частных зависит от того за счет чего увеличивается блок.
Если размер блока зависит от вьюпорта, то и для текста можно использовать vw. Можно в сочетании с clamp, если у контейнера тоже есть ограничения.