Как мне быть, я в отчаянии?

Никита, что значат одновременно фразы: "хостинг на мне" и "забрал бы все доступы"?

На счет опасений, что он сделает что-то нехорошее. Собственно, если у вас нет финансового конфликта, то люди редко гадят просто так.
Скорее всего ему была интересна первоначальная работа. А добивать хотелки не нравится. Это возможно по разным причинам.

В большинстве случаев достаточно конструктивно поговорить с человеком, предварительно выплатив ему честно все долги.

Как уменьшить отступы изображения в данном коде (HTML-CSS)?

AidarKhas, ответы, которые могут помочь в решении вашей проблемы принято отмечать как решение.

Как сделать рамку?

Рамки делаются с помощью свойства border.
Что именно у вас не получилось?

Верстка блока html?

Кликабельная картинка это тег img внутри тега a.
Чтобы при наведении на картинку появился текст, нужно, чтобы после тега img шел какой-то тег с текстом div, p или figcaption в сочетании с figure.

Поскольку картинка и ссылка, видимо, совпадают по размеру, то :hover можно повесить или туда или туда, без разницы.
В зависимости от выбранного выше способа, нужно использовать соседние или контекстные селекторы (гуглится) для показа предварительно скрытого текста.

После этого, если что-то не получится, выложите ваш код с видимой проблемой на jsfiddle.net или аналоги.

Предварительно проверив его валидатором https://validator.w3.org/nu/

Верстка блока html?

Вы за 4 часа не увидели, что ваш вопрос кривой?
Вставляйте код используя теги <code></code> или пользуйтесь кнопкой в редакторе, он сделает это за вас.

Как отправить (submit) все формы на странице?

Сначала хорошо бы понять почему это 3 разные формы, а не одна
Тем более, что в них одинаковые name.

Подозреваю, что вы творите что-то не то и решаете задачу не через то место.

Если нормально опишете, что происходит, то и нормальное решение найдется.

Как сделать сохранение выбора темы тёмная или светлая на любой странице?

Темную и светлую темы заметно проще делать с помощью кастомных свойств CSS.

В js менять только класс у body.
И сохранять какая тема в localStorage.

Как можно реализовать такие элементы фона?

и поставить фоном

Вы ведь не можете на полном серьёзе считать это контентом?
А то, что не контент, а украшение делается, да, на CSS и в данном случае проще всего фоном.

Как расположить блоки при помощи Grid?

4 или 6 колонок, 3 строки.

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

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

overflow y scroll прописывал, но не работает..

Высоту, наверное, забыли.

SCSS использование &?

Если что, вы всегда можете открыть скомпилированный файл и собственными глазками посмотреть что вышло.

Правило для hover не работает.

Чтобы узнать почему оно не работает, нужно знать разметку.

Не понимаю свой и чужой код?

я вижу весь английский алфавит.

Да, чтобы сэкономить байтики скрипты минифицируют перед публикацией на сайте.
А работают при этом с нормальными исходниками.
Ищите исходники.

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

Надо думать, что быстро и уверенно ходить и говорить вы научились сразу при рождении.

Как удержать текст в центе при сжатии и position absolut?

Norwood,

Если честно, то не понимаю как можно обойтись только одним .pricing-card__title?

Зачем ему тройная вложенность селектора?

Я не говорю, что класс один должен быть.
Только не вкладывайте их друг друга в стилях. Не нужно вам это тут.

Как удержать текст в центе при сжатии и position absolut?

Norwood, а ещё почитайте про кастомные свойства, не нужно будет 100 раз рассказывать про border-top border-top: 3px solid $colorRed;. Будете только цвет менять. https://jsfiddle.net/Ankhena/Lfpw4x3d/

Как удержать текст в центе при сжатии и position absolut?

Norwood, откройте файл CSS и скажите, зачем вам такие вложенные селекторы?
Например,

.pricing-card__wrap .pricing-card .pricing-card__title {...}

Этого .pricing-card__title {...} достаточно.

Как удержать текст в центе при сжатии и position absolut?

Можно было просто загуглить "absolute центрирование".

left: 50%;
transform: translateX(-50%);

Для вертикали аналогично.

Только сейчас для этого есть гриды. И абсолют становится лишним.

Но и грид там тоже лишний, просто потому что лишний псевдоэлемент. Вы вполне можете border и box-shadow задать прямо для pricing-card__price.

И, пожалуйста, уберите дурацкую вложенность. У вас же БЭМ.

Как сделать, чтобы background отображался на всю ширину и чтобы блок отображался корректно?

0. Старайтесь делать песочницы на jsfiddle.net и видимой проблемой.

1. Попробуйте объяснить логику сочетания вашего вопроса и вашего же кода

Необходимо, чтобы background-color отображался на всю ширину экрана

.wrapper {
max-width: 1440px;
margin: 0 auto;
}

2. И всякие мелочи типа <div class="nav"> Для этого есть тег nav

3.

чтобы блок с навигацией находился ниже блока с картинкой.

Не вижу в коде блока с картинкой.
Если речь про видео, то почитайте про позиционирование.
Абсолюты позиционируются относительно ближайшего родителя с позиционированием отличным от static, если такого нет, то от вьюпорта. У вас сейчас как раз последний вариант.

Что означает multi-column Layout у flex gap?

Свойство columns появилось в css заметно до появления флексов. Собственно, в вашей ссылке про флексы нет ни слова.
https://webref.ru/css/columns

Можно ли прибавлять значения в css?

DaniilPo, ну давайте развлечемся со скринами


Потом можете заглянуть в справочник, посмотреть как с calc работать

Можно ли прибавлять значения в css?

DaniilPo, ну сохраните как свой.
Или используйте jsfiddle.net, там не нужна регистрация, чтобы поделиться кодом.

Тут, кстати, правилами запрещено код скринами выкладывать.