Как сменить цвет элемента навигации при прокрутке страницы через JS?

Это чтоль
https://habr.com/ru/company/timeweb/blog/574972/
https://habr.com/ru/post/494670/

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

DmitriyLeo, забыла уже, что там в jq,
hasClass или типа того.

Но, по-моему, вам нужно не проверять, а при клике добавлять active ссылке и всё остальное.

Или вы в localStorage записываете активную ссылку?
С другой стороны, даже если записываете, то меню в начале всё равно же закрыто, так что я не поняла смысла в проверке есть active или нет.

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

DmitriyLeo,

так как это может сработать и на пк версии. Или я ошибаюсь?

Если не напишете условие, то, конечно, будет.
Но вы же напишете..

Если скрипт выключает действия у всех ссылок, то допустим кнопка открывающая модальное окно - тоже вырубится?

Вообще, ссылки и кнопки это разные элементы и, наверное, у них разные классы.
И у кнопки с типом button по умолчанию вообще нет никаких действий, там нечего вырубать.
Вы же можете написать селектор так, чтобы выбрались только нужные элементы.

Натыкался на такое решение

Знать бы, какое это имеет отношение к вашей проблеме...
Этот скрипт меняет классы у body, тыкнутого элемента, навигации и ещё какой-то странно сделанной навигации (видимо, в коде дублируется меню для мобилок и десктопов).

Вам нужно при клике на ссылку убрать её действие по умолчанию и добавить две функции.
На переход по указанному в href урлу.
На закрытие меню.

https://yandex.ru/search/?clid=9582&text=javascrip...

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

DmitriyLeo,

нельзя ссылкам убирать действия

По какой причине?

Как сделать такое расположение элементов?

Зачем дубль?
https://qna.habr.com/q/1223200

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

Если так пойдет, то заведу горячие кнопки на вставку этой ссылки: https://qna.habr.com/q/1088262

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

DmitriyLeo, ссылкам можно убрать действие по умолчанию https://developer.mozilla.org/en-US/docs/Web/API/E... и потом сотворить функцию с двумя действиями: закрыть меню и перейти по ссылке.

Чат-бот без программирования?

Неужели и вправду

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

Почему grid-template-rows работает только для первой строки элементов?

QnaTwitt, вариантов несколько
- немножко задвинуть за край и скрыть overflow и компенсировать.
- писать nth-child для разных media
- вычислять на js

Но всё это не имеет отношения к текущему вопросу.

Почему grid-template-rows работает только для первой строки элементов?

QnaTwitt, even это нечетные элементы.
Я не очень поняла, что вам нужно сделать и что вы делаете.

Как вынести header и footer в отдельный файл?

Самый простой, наверное gulp-file-include
Либо любой другой шаблонизатор, Twig, Nunjucks, Pug (если нравится).

Гриды так умеют?

Антон Литвиненко, где игра про них, наверное, уже знаете? (grid garden)

Её, конечно, недостаточно для полного кругозора, но для входа вполне удобно.

Гриды так умеют?

Антон Литвиненко,
1fr 5fr
и
0.2fr 1fr
дадут одинаковый результат: первая колонка будет в 5 раз уже второй.

Аналогичный вид можно получить с помощью repeat(6, 1fr) и сказав, что первый элемент должен занять 1 колонку, а второй 5.

А ещё можно выравнивать элемент внутри колонки с помощью justify-self и ширины хоть в %. (с рядами аналогично)

Можно в одну ячейку помещать несколько элементов.

В общем, вариантов, как я люблю, много разных))

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

Andrew E, можете разбить блок гридами.
Можете абсолютами.
Можете через bg.
Можете засунуть все в SVG вместе с текстом (как в векторном виде, так и тегом text)

Для принятия решения важно, что за контент в блоках, может ли он меняться, может ли (должен ли) у него меняться размер шрифта, на сколько значим этот текст, как всё это дело должно вести себя при адаптиве и т.д.

Как расширить фоновый цвет блока на всю ширину страницы браузера?

1. Вынуть ваш блок с фоном из контейнера.
Центровщик использовать уже потом, внутри.

2. Задать псевдоэлемент шириной на всё окно и прибить абсолютом.

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

https://github.com/anseki/leader-line

Гриды так умеют?

Антон Литвиненко, я вижу 4.

Но если хочется, чтобы они были одинаковой ширины, то тогда, да 6.

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

Corepro, выше ссылка о том, как это сделать на CSS.

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

Вам точно нужен JS для этого?
https://webref.ru/css/counter-increment

Как растятнуть блок на высоту родителя?

Вот аналогичный вопрос несколько часов назад.
https://qna.habr.com/q/1222390

как черный блок растянуть на всю оставшуюся высоту?

Может, это просто фон?