Как удалить неиспользуемые стили на сайте?

oksanatkachik094, тогда близко к "любой из найденных в гугле"

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

Как действовать в такой ситуации?

Придумать самостоятельно.

Нормально ли делать всего три брейкпоинта (десктоп, 768px, 320px) или нужно делать больше, чтобы сайт растягивался всегда, а не только переключался на этих состояниях?

Должно хорошо выглядеть при любом размере вьюпорта.
Нужна ли резина в промежутках указывают в ТЗ.

Я так понимаю, что если мобильная версия есть, то делаю mobile first

Желательно mobile first, даже если у вас нет макета для мобилки.

Но у некоторых компаний в ТЗ написано desktop first. Поэтому имеет смысл уметь в обе стороны.

Почему не работает сепаратор через псевдоэлемент?

Он работает.
Так, как вы ему сказали.
Сделали псевдо блочным => всё, что после него перенеслось на новую строку.

Замените на инлайн-блок или задайте флекс или грид родителю. Либо прибейте абсолютом.

Я сделал стрелку на которой текст, в отдельном документе работает, на сайте нет, что ей мешает?

Вы ей задали z-index -1 и она провалилась под всё содержимое.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Задайте z-index 0 для arrow.

Но вообще, такие стрелки делаются псевдоэлементами. В разметке они мусор.

Как сделать чтобы при фокусе/ховере элементы навигации не двигались с изменением font-weight?

На css-tricks была статья как это делать с помощью псевдо, загуглите.

Или нарисовать тенями псевдожирность. Не всегда это красиво выходит.

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

Владимир Юрченков,

ну тут же придется еще z-index тогда менять.

Он и без js не плохо меняется.
И без динамики можно элементы поставить в нужном порядке в разметке и z-index не понадобится.

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

они встают друг за другом

Вы же сами задали им flex. Они и выполнили то, что вы попросили.

Замените на гриды и каждому спан укажите занимать одну и ту же клетку.

Владимир Юрченков,

В общем одним css тут не обойдешься.

Это почему это?
JS тут нужен только если данные как-то в динамике меняются.

Как в grid layout количество столбцов привязать к количеству блоков?

Ankozar, просто display:flex и flex-grow: 1 детям.
Гридами с помощью grid-auto-flow: column;

Ну и, конечно, проблемы начнутся, когда всё это не влезет в родителя. Но это в любом случае.

Как удалить неиспользуемые стили на сайте?

Каким образом инструмент может догадаться, что стили не понадобятся в результате работы скриптов?
Вопрос риторический и он скорее ответ, чем вопрос.

Как в grid layout количество столбцов привязать к количеству блоков?

А можете объяснить, зачем вам для этого грид, а не флекс?
И что вы уже пробовали сделать?

Как перейти в прошлую папку?

Ростик Кальченко, читайте https://htmlacademy.ru/blog/articles/links
и https://yandex.ru/search/?text=%D1%81%D1%81%D1%8B%...

Как перейти в прошлую папку?

Ростик Кальченко, ну тогда разбирайтесь кто "само" вам это делает.
Но, может, у вас и главная страница лежит в какой-то папке? Или как-то странно всё настроено.

Просто домен открывается по слешу.

Как перейти в прошлую папку?

Ростик Кальченко, слеш в конце лишний

Как перейти в прошлую папку?

Главная страница это "/" или с указанием индексного файла.

Но не ясно при чем тут тег "хранение данных"?

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

Обчный transform scale не подходит?

Как правильно получить градиент?

oksanatkachik094, зачем псевдо?
bg color и bg image прекрасно существуют вместе и даже в одном свойстве bg.

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

nopiveb839, нужно чуть-чуть смекалки. Вы можете отслеживать попадание в видимость предыдущего блока и после этого вешать класс на скрытый.

Как правильно получить градиент?

Вы серьезно?
Там где градиент, накладываются всего 2 слоя...
Ну и если совсем никак самостоятельно не проинспектировать что в них, всегда есть пипетка.

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

https://developer.mozilla.org/ru/docs/Web/API/Inte...
https://habr.com/ru/company/timeweb/blog/574972/
https://habr.com/ru/post/494670/

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

https://codepen.io/search/pens?q=hover и т.д.