Как научить родителей пользоваться компьютером?

отказывается что-либо делать и приходит за помощью

Не поможет :)
Пока есть вы.

Как у блока absolute сделать background-color по всей ширине экрана но контент что бы остался в контенере?

.header .inner nav > ul li:hover > .subnav

Мамочки...

Задайте для li класс (в моем примере nav__item) и пишите .nav__item .subnav {}

И !important удалите. Лучше селекторы нормально напишите, прочитав про специфичность.
Иначе коллеги проклянут за такое.

Как у блока absolute сделать background-color по всей ширине экрана но контент что бы остался в контенере?

Так и задать. Абсолют растянуть на всю ширину окна. Внутри контейнер с контентом.

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

1. Использовать цвета в rgba (умно)
2. Задать градиент псевдоэлементу, а ему прозрачность (не очень умно)

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

Тут целый пакет несчастий.

1. после margin:0 нет ;
2. bordder-box пишется не так.
3. В calc указаны 3rem. 2 из них уходят на марджин у pre. А третий должен компенсировать полосу прокрутки. Но этого мало.

Вывод: не стоит задавать фикс ширины трем блокам. Если двум нужна фикс, третьему оставляйте что осталось. Можно использовать flex-grow. Но я предпочитаю гриды.

Как наложить одну полосу на другую?

Есть ещё мысль сделать двумя hr, один спозиционировать абсолютно и задать красный цвет и высоту. Это норм способ

Нет, конечно, не нормальный.
hr это смысловой тег.

А вам по смыслу больше подходит progress. Если это не просто украшение.

Как стилизовать стрелочки на ‹input type=“number”›?

RimmaKur, "ок, гугл, input number убрать стрелки"
https://ru.stackoverflow.com/questions/431590/Убра...

Как наложить одну полосу на другую?

Зачем серой полосе прозрачность? Может можно заменить на rgba или на соответствующий непрозрачный серый?

Можно и без псевдо, а оба цвета градиентами.

Как считывать значение инпута и после открывать нужную страницу index.html, которая прописана в файле?

Разбейте задачу на составляющие мелки задачи.
Гуглите по одной.

Типа того:
1. События input
2. Считывание значений input
3. Сравнение в js
4. Дальше не понятно, потому что кто его знает куда должна прийти страница. Возможно, "открыть ссылку на js".

Как стилизовать стрелочки на ‹input type=“number”›?

План:
1. Убрать нативные.
2. Приделать свои.

Нужно добавить к ссылке Назад фоновую картинку, и чтобы картинка была слева, а надпись справа. Как это сделать?

MorgothXIII, отлично, что сам разобрался!

Нужно добавить к ссылке Назад фоновую картинку, и чтобы картинка была слева, а надпись справа. Как это сделать?

MorgothXIII, так отступ сделайте...

Нужно добавить к ссылке Назад фоновую картинку, и чтобы картинка была слева, а надпись справа. Как это сделать?

Так и сделать фон и отступ на ширину фона.

Альтернатива: сделать фоном псевдоэлемента.

Что именно вызывает у вас сомнения?

Как убрать класс у активного элемента при клике на другой?

svm2001, https://codepen.io/AnnaSummer/pen/OJwEgrR

Как убрать класс у активного элемента при клике на другой?

svm2001, вот же у вас есть forEach в коде. По аналогии и сделайте. Один внутри другого.

Как убрать класс у активного элемента при клике на другой?

svm2001, удаляете у всех (в цикле).
Нужной добавляете.

Как убрать класс у активного элемента при клике на другой?

https://qna.habr.com/q/1244438

По-моему, ваш вопрос уже четвертый на неделе на эту тему.

Как можно убрать отступы каждому первому элементу в строке, если количество элементов зависит от ширины экрана?

Может, всё таки gap вместо margin?

Либо дурацкий старый хак с отступами всем элементам и отрицательным отступом контейнеру.

Где можно взять бесплатные шаблоны (без бутстрапа)?

maksam07, отличный план )))

Почему display: flex ломает textbox?

Кроме того, можешь установить свойство display div в inline-block, чтобы он не занимал всю ширину контейнера.

Это вы флекс-элемент собрались делать инлайн-блочным?

И он и так не займет всю ширину, если об этом не попросить специально.

Почему display: flex ломает textbox?

Проблему воспроизвести не получилось.
Сделайте песочницу с демонстрацией на codepen.io