imko

С флексом нет, если размер ячеек должен быть по контенту а не по какому-то отношению к родительским размерам. Просто используй grid

Одна ячейка с двумя inline элементами определенной ширины, либо с минимальной, строка сама перенесется когда ей не хватит места)

Бесконечный while) Даже пример в моем любимом учебнике есть. Ну либо обойтись без его прерывания а в условие кинуть переменную которая сменится на false когда получишь нужный ввод

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

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

Укажи бордеру цвет с альфа каналом, вместо прозрачности всего инпута

Картинке по-хорошему всегда надо объявлять какой-то размер, хотя бы в процентах, иначе получается стремная зависимость от контента. Для разных экранов можно использовать picture с разными источниками. А на деле эти 300х100 пикселей вместо 150х5 никакой роли не сыграют

Потому что результат вызова консоль лога это не его аргумент(ы)

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

Медиа запросы с rem вместо px и изменение шрифта в корне при переключении видов?

Потому что ты указал в значении только один ряд

ну во первых чтобы кликать по кнопке в одной из форм надо слушатель писать не на форму а на кнопки)а во вторых клик по кнопке которая отправляет форму срабатывает раньше чем вспылвает на форму, так что не предотвращается по сути ничего

Либо условный оператор опциональной последовательности как написал Надим, либо искать элементы операторами возвращающими не один а коолекцию и перебирать ее с помощью forEach, тогда если элементов в ней нет ни одна итерация и не выполнится, соответственно не будет попытки повесить слушатель на несуществующий элемент

Потому что нужно много обработать)

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

function foo(param) {
	function bar() {
		console.log("Выхлоп!" + param)
	}
	return bar
}
foo(123)()

зачем тут стрелка возвращает стрелку я хз)
можно сделать просто вот так

function foo(param) {
	console.log("Выхлоп!" + param)
}
foo(123)