Алексей Дубровин

Мне нужно реализовать коментарии, на разных страницах. Ещё нужна возможность быстро изменить визуал в 1 месте, и чтоб всё сразу заработало.
Я могу или в ручную писать повторяющуюся логику делая ctrl+c/ctrl+v и потом при изменение визуала искать где я это вставил и также там менять это.
Или сделать шаблон в 1 месте и вызывать его на каждой странице, где это нужно.

Тем самым я 1 раз меняю что-то в шаблоне. И он автоматически меняется на всех страницах.

Для блока указываем максимальную высоту.
Как только контента будет больше чем блок у него будет добавляться скролл.

Темы:
1) Как работает интернет.
2) GET/POST
3) AJAX
4) JS(DOM API или работа с dom)
Этого вполне достаточно что-бы написать что-то простое.
А Самое легкое загуглить библиотеки для работы с чатами. Думаю там это уже реализовано и реализовано более правильно чем вы сможете на текущем уровне сделать. Нужно прочитать только как использовать.

setTimeout - функция исполняется 1 раз и отчищается.
setInterval - функция исполняется с периодичностью. Отчистка только через clearInterval

Можно загружать сначала гифку.
( После загрузки страницы && компьютер ) загружать видео, и потом его заменять.
Логика проста. Лично я смотрю на фоновый видос в 100% случае - 0 раз.
Обычно в поиске информации это очень сильно отвлекает.
А скорость открытия сайта это всегда приятно.

В этом случае через js проверяем ширину экрана.
Если она больше чем 767( Мобильное разрешение, хз какое у вас ) мы активируем слайдер. Иначе нет.
Тем самым мы не создаём лишний блок в и просто меняем вид через css

1)Тег main его не поддерживают большинство.

2)У вас в коде встречаются конструкции с разной последовательностью. Что не есть хорошо.

.любой класс{
width:
display:
}
// Потом другой класс
.любой класс{
display:
width:
}

3)Тк же, если вы используете БЭМ то используйте полностью а не частично.
Конструкции типо
.input._error это вообще что.
зачем после точки ставить ещё спец символ нижнего подчеркивания.

4)HTML - язык для разметки который использует семантику.
Для текста нужно использовать соответствующие теги.
p span, а не div

5) Вы используете заголовки. h1 и h3. Куда делся h2 ? Если его нет то зачем h3

6) Когда делаете меню или любые элементы на которые необходимо производить клик. Не делайте область клика размером с текст. Всегда старайтесь сделать её чуть больше. Особенно критично на мобилках.
Если выбирать нечайно задеть, или тыкать по 10 раз пока не попадешь. То лучше 1

Анимации сделаны не плохо. Нет каких-либо лагов. Или серьёзных просадок
+- Нормальный адаптив.
Можно ещё поработать над доступностью контента. Прикрепляю ссылку на что и для чего.

Вынести это в отдельную переменную и добавлять её только в голые теги p?

$str = "Ваш текст";

<p><?=$str?></p>

У вас всё правильно работает
1) Вы создали контейнер и присвоили ему z-index:1;
2) У него есть дочерний элемент с z-index:-10;
КОНТЕЙНЕРЫ обозначают области взаимодействия.
Дочерний элемент относительно родительского стоит в z-index -10
Дочерний контейнер является неотъемлемый частью родителя. Он не может выйти за его стенку.(что вы пытаетесь реализовать)
Вынесите дочерний элемент из контейнера и у вас всё заработает.

В порядке условий

if{}
else if(){}
else{}

Ну вы бы хоть в консоль разочек вывели
Тк как в одном
"http://" 2 раза встречается "/"
console.log(window.location.href)

Эм.
Ну да ) Каждая страничка HTML - Это 1 страничка.
Многостраничный сайт - это (N>1)
В чём вопрос?

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

Написал тоже самое что и вы. Мб так будет понятнее.

const code = axiosTest(url) //вы записали промис.
code.then(function(axiosTestResult: any) {
  console.log(axiosTestResult.data.data.verificationCode)
})// метод промиса который работает после получения результата.