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

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

Как в 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 и т.д.

Как то можно задать правильные отступы для такого псевдо-элемента?

Идеально было бы заменить кнопки на мобилках и вид и положение.
Т.е. ту скорее сначала задача для дизайнера или дизайнерской ипостаси верстальщика.

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

Стили-то может быть и идентичные, а вот контент явно нет.
С одинаковым контентом и прод уедет.

Это работает по принципу dropdown (выпадающие списки / меню), как правильно верстать или загуглить?

Нативными средствами это теги details и summary.
А гуглить по запросу "аккордеон на js"

Как анимировать градиент?

https://css-tricks.com/property/

Вы можете просто убирать псевдо с градиентом через прозрачность. Либо наоборот.

Как создать текст с градиентной обводкой и прозрачным центром?

https://dev.to/kunaal438/quick-css-trick-make-grad...

Нужно сделать чтобы выглядывал справа слайд в Slick Slider?

Антон Литвиненко, свайпер модульный.

Как сделать такой слайдер?

https://codepen.io/digistate/pen/KZWYwo и т.д. поиском по codepen по слову swiper, раз вам не нравится просто гугл.

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

Используйте CSS columns.
Либо скриптики типа Masonry

Флексами это не сделать без указания высоты родителю, а гридами без js.