Как стилизовать input range?

Я бы убрала нативную полоску. На фоне нарисовала бы нужную, красивую.
И дальше max=3 step="1".

Scss sass less с чего начать?

Сначала имеет смысл научиться писать обычный CSS.
Научиться распознавать "что такое хорошо и что такое плохо". Какие решения хорошие и красивые, а какие пахнут не очень.

По дороге научиться гуглить.
Нагуглить разницу между препроцессорами.
Выбрать.

Как можно объяснить подобное поведение песевдо-элемента :after?

Никита Юсупов, просто замените на бордер для li

А ещё у вас кнопки внутри ссылки и другие ошибки валидации.

Как можно объяснить подобное поведение песевдо-элемента :after?

Обычно такое происходит из-за масштаба в вашем браузере, когда он отличен от 100%.
Поставите 100% - всё будет хорошо.

Почему первый (левый) блок не доходит до конца?

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

В то время, когда грид все делает практически "сам".

Почему первый (левый) блок не доходит до конца?

asyasb, так https://jsfiddle.net/op7eu5z8/

Почему первый (левый) блок не доходит до конца?

asyasb, потому что у него стоит высота всего 100vh. Там где они заканчиваются, заканчивается и блок.

Не используйте флоаты для верстки сетки.
Для этого есть флексы и гриды.
Гридами вообще очень-очень удобно будет.

Почему первый (левый) блок не доходит до конца?

Уточните, лучше нарисуйте, кто и до какого конца должен доходить? ))))

Как сверстать треугольный вырез на фоне?

Александр Осадчий, https://jsfiddle.net/chq5eLmz/
размеры только градиенту задайте

Как сверстать треугольный вырез на фоне?

Александр Осадчий,
так и написать как в написали у себя в коде.
И картинка и градиент это background-image. Заменяете одно на другое и вперед.

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

Danny Arty, когда ищешь решение на просторах тостеров-стаковерфлоу и подобных, заметно удобнее начинать с ответов, которые отмечены как помогающие в решении вопроса, чем лопатить все подряд.
Но новички на таких сервисах не всегда это понимают или скорее вообще не задумывались над этим.
Поэтому, почему бы не подсказать не только по вопросу, но и о "понятиях" и культуре в сообществе.
Для этого же и кураторам дано право отмечать ответы решениями, а пользователям голосовать за ответы.

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

Danny Arty, искать по вопросам? Нет. Но я не теряю надежду.

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

Freeman0205, помогло? Отмечайте решением, чтобы другим тоже помогло

Как правильно адаптировать шапку сайта?

Гридами, конечно, можно развлечься.

Как исключить файлы из потока взависимости от пути?

IIIu6ko,

Нет, вообще никуда не выгружал.

Должно работать, nunjucks сам разберется.

И типа того

gulp.watch("src/**/*.njk").on("change", gulp.series(html, sync.reload));

Как исключить файлы из потока взависимости от пути?

IIIu6ko, компилировал и оставлял в src?

Сбивается положение курсора в inpute, что делать?

Надо сделать так, что бы при первом клике текст пропадал, а при последующих оставался.

Для этого используют placeholder.
Вначале показывается подсказка, а затем вводимый пользователем текст остается и доступен для редактирования.

Как исключить файлы из потока взависимости от пути?

Уберите две звездочки отсюда 'src/**/*.{html,njk}', будет смотреть только за файлами, которые лежат непосредственно в src

Как сделать при помощи js или других средств такой пробел без JQuery?

тык
Гуглится за 5 секунд

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

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

Ну или городите контейнер внутри флюида.