xdevelx

https://codepen.io/tag/skeleton
И в Гугле skeleton loading поищите.
Есть доклад по поводу скелетонов https://youtu.be/JRlCIPkwheA

Как называется вот это состояние загрузки?
Как это называется и как это реализовать?
Как сделать placeholder/preloader контент-блоков при загрузке страницы?
Как называются серые блоки, отображающиеся на сайте до загрузки контента (как на ютубе, например)?
Как создать скелетный экран?
Preloader как у ...?
Как называется библиотека?

Вам нужно выровнять контент в .link, вот ему и давайте

display: flex; align-items: center; justify-content: center;

и padding-left уберите

Ненененене, не автокомплит!!!! Никаких аяксов. Просто у меня допустим 10 option с 100, 1000, 10000, 100000 и т.д. Которые можно выбрать, но и так же я могу вписать 12323002 любую сумму.

Значит вам нужен datalist для input
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Уберите css columns для .knowledge_base { column-width: 150px; column-gap: 5px; } и добавьте display: flex для вложенных списков.
css columns здесь вообще не в тему, все решается флексами.

htmlbook.ru/css/table-layout для таблицы в fixed и потом задавать ширины колонкам. Ширина задаётся либо для col либо ячейкам первой строки. По ссылке в принципе все и так написано.

document.getElementById("myBtn").disabled = true;
https://developer.mozilla.org/ru/docs/Web/API/HTML...

для .page height: 100%;замените на min-height: 100%;
Не ограничивайте строго высоту - у вас из-за этого секция с формой не влазит в main

grid-aria

нужно grid-area https://developer.mozilla.org/ru/docs/Web/CSS/grid-area
https://codepen.io/xdevelx/pen/ExKgBMg

Забыли прописать

<meta name="viewport" content="width=device-width,initial-scale=1">

У меня изначально была идея родительскому блоку задать бэкграунд рамкой телефона

Фон прописать для псевдоэлемента (с position absolute) родителя. И через z-index вынести псевдоэлемент наверх.

P.S. Как правильно заметила Ankhena, если нужно взаимодействие с изображением чата (hover, click) то псевдоэлементу лучше прописать в стили pointer-events: none;, чтобы он собой не перекрывал для взаимодействия с нижележащими элементами.

.wpforms-form {
  display: flex;
  flex-wrap: wrap;
}

Для #cashback202008 .cashback202008__pravilaitem уберите height: 100%;

1 - ошибка относится не к полю с email - ошибка для поля textarea Комментарий или сообщение (your-message)
2 - а вот для your-message выставлено minlength="15"(в вашем примере на скриншоте "тест" явно короче 15 символов)
3 - текст ошибки не там, где надо, из-за кривого позиционирования в стилях

Как я понимаю мне необходимо для работы скачать данный сайт локально (страницу)?

Наоборот, вам необходимо зайти по ssh на сервер заказчика и запускать в консоли компиляцию sass файлов. Правки scss делать через ftp, хотя можно и через ssh в терминале через vi (vim), nano.
Хотя такие требования и весьма странные.
Скорее всего это промежуточный dev сервер, с которого происходит деплой на production с возможными дополнительными стадиями CI.

Это то же самое, что и font-size: 0.77rem;
Для stylelint есть даже правило https://stylelint.io/user-guide/rules/number-leadi... оставлять leading zero или убирать