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

poshuriku, querySelector выбирает только первый элемент.
Вам нужен querySelectorAll и, например, forEach

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

Аналогичный вопрос целых 13 часов назад: https://qna.habr.com/q/1131954

Существует ли событие ухода элемента из поля просмотра окна браузера?

Да, читайте, очень удобненько
https://developer.mozilla.org/ru/docs/Web/API/Inte...
https://habr.com/ru/post/494670/
https://habr.com/ru/company/timeweb/blog/574972/

Кто должен делать сайт по прототипам — дизайнер или верстальщик?

Пойти по первому пути, т.е. заказать макеты у дизайнера и что бы фронт разработчик сам сверстал по макетам.

Вам не понравится как он сверстает.

Но, вероятно, он уже сделал разметку.
Возможно, вы найдете верстальщика, который изменит стили так, чтобы они совпадали с вашими желаниями.
Но при таком ТЗ, как у вас, вариант работы может быть только один: верстальщик делает так, как он видит и вы это оплачиваете. Иначе это бесконечное безумие.

Качественнее вариант получится с участием дизайнера. Да и будет понятно, что и как требовать от верстальщика.

Как правильно клонировать приватный репозиторий github?

Trafalgar, https://docs.github.com/en/authentication/connecti...

Как правильно клонировать приватный репозиторий github?

Используйте SSH - будет очень хорошо.
Githab перестал поддерживать авторизацию по логину и паролю где-то около года уже или типа того.

Как переключать классы между элементами?

- У всех убрать selected
- Всем добавить hidden
- Для this добавить selected
- Для this убрать hidden

Чего у вас не хватает?

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

Когда-нибудь мы дождемся @container
https://habr.com/ru/company/skillfactory/blog/554434/

А пока либо плясать от вьюпорта либо js.

Как изменить размер SVG-картинки в CSS?

Divviner, в смысле инлайном написали стили прямо в разметку элемента?
Ох, что ш такое...
Погуглите про специфичность селекторов. И разберитесь с ней раз и навсегда, потому что это основы CSS.
Раз important и инлайн стили срабатывают, значит дело в специфичности.

Как сделать чтобы блок не выходил за пределы родителя?

Подскажите, как сделать так, чтобы внутренние элементы не выходили за границы блока обертки?

Сначала нужно выяснить почему они вылезают из родителя...
Для этого сделать песочницу с видимой проблемой на codepen.io

Возможно ли дописывать свой backend в wordpress?

Dmitry, так и смотрите как писать плагины

Возможно ли дописывать свой backend в wordpress?

Наверное, вам сначала сюда https://wp-kama.ru/handbook/codex

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

Если вы имеете в виду, что внутриcustomers-page-two__item может быть несколько customers-page-two__people и вам нужен первый из них, то есть вариант применить свойства ко всем, а потом отменить для

.customers-page-two__people ~ .customers-page-two__people

В JS вам поможет querySelector вместо querySelectorAll.

Как добавить еще один Transform?

Anonymous Penguin,
Можете старое записывать в кастомное свойство. Тогда оно автоматом поменяется всюду.

.item {
  --transform: scale(1.1);
  transform: var(--transform);
  
  &--mod {
    transform: var(--transform) rotate(90deg);
  }
}

Как передавать в переменной CSS значение свойства inherit?

Михаил Р., очевидно потому что этой “фразой" вы говорите браузеру унаследовать значение свойства. При чем в том месте, где её определяете.
Думаю, имеет смысл почитать, что такое кастомное свойство и почему оно именно свойство, а не переменная. Обычно это написано там, где объясняется откуда взялась запись --

Как при активнйо кнопки задавался другой стиль (jquery)?

Beelzebub532,

это button

Ну я на скрине с кодом прям button и вижу.

Но ок. Ответ как манипулировать классами написан по ссылке в первом комментарии.

Как при активнйо кнопки задавался другой стиль (jquery)?

Может, это input radio, а не кнопки?

Но как-то так

Почему текст некорректно переносится из макета?

What have you done, к 4: ничего подобного, совсем не следует тащить ошибки/недочеты дизайнера в верстку.
Пиксель перфект всё равно никто не делает даже до целого пикселя, а вы там какие-то сотые пишете. 2-5-10px вообще нормальные расхождения, если на глаз всё выглядит гармоничным.
Тем более, что про рендер шрифтов я уже сказала.

Как передавать в переменной CSS значение свойства inherit?

Михаил Р., расскажите ситуацию, где это нужно делать через кастомное и обычный inherit не помогает.

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

Прибить псевдоэлемент абсолютом.
Если текста будет много, картинка просто перестанет вылезать из блока.