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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Можно ли определять версию для ПК в хроме на мобиле через медиазапрос?

Сергей Арсентьев, они определяют устройство, а не просто по media.

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

Есть мысли расположить это гридом, но как?

Без JS гридом - никак.

Но зато есть css columns.
Или скрипты типа masonry

Можно ли определять версию для ПК в хроме на мобиле через медиазапрос?

Сергей Арсентьев, галка меняет размер вьюпорта. Возможно, как-то еще себя идентифицирует. Но если у вас адаптив построен только на медиа и нет отдельных версий, то важно только первое.

Можно ли определять версию для ПК в хроме на мобиле через медиазапрос?

Сергей Арсентьев, надежно

Теперь нужно взять вот эту ссылочку https://www.esolutions.se/en/test
открыть в браузере, посмотреть, что покажет

Потом поставить галку про ПК версию, обновить страничку и снова посмотреть что там с шириной вьюпорта.

Протестировать на разных устройствах.
Сделать вывод.

Можно ли определять версию для ПК в хроме на мобиле через медиазапрос?

ThunderCat, какое у вас хорошее зрение, видите, что там в коде :)

Как применить fill к файлу по ссылке?

Чтобы применился fill его не должно быть в самой svg.
Либо он там может быть задан как currentColor и меняться свойством color.

Можно ли определять версию для ПК в хроме на мобиле через медиазапрос?

в верстке работают стандартные запросы типа media screen and (min-width: ) ....

Как я люблю такие фразы...

И на какой стандартной ширине у вас начинается десктопная версия?

Почему html не видит css?

Как эта штука у вас преобразовывается на готовой странице?

Пока подозрения вот такие:
1. Пытаетесь подключить scss
2. Написали путь от корня сайта
3. На скрине в дереве проекта файл стилей лежит в папке шрифтов, которая лежит в папке css.
Я бы тоже потерялся ©

Читайте https://htmlacademy.ru/blog/html/links и наведите порядок в структуре.

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

Чем быстрее вы примите тот факт, что универсального решения нет, тем быстрее полегчает.

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

Alexshev7, может быть вы что-то знаете про background-size?
Или задайте точку перехода не с краю, а на том расстоянии которое нужно

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

1. Как в блоке №3 картинку с текстом ABOUT поставить под H3?

С помощью гридов.
Возможно, потребуется z-index, в зависимости от порядка в коде.

2. как красиво выровнять блоки внутри блока 1 что бы блок 2 был по центру, видно что он едет относительно кнопки.

Гридами.
https://qna.habr.com/q/1088262

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

Нужна помощь по двум блокам?

Нет

Пожалуйста, переформулируйте вопрос нормально.

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

Alexshev7,

размазанность у меня получается влево, а надо вправо....

поменяйте направление градиента или цвета местами..