Alex

Создавайте вакансии. И в вашем случае не одну.

• Человек который умеет в визуальный дизайн, и опционально в Юзабилити
  
• Человек который умеет в юзабилити интерфейса
  
• Человек который умеет в UX вашего продукта (если он вам действительно нужен)
  

Опишите для каких задач он вам нужен, на постоянной основе или в качестве временного консультанта. А дальше, как нанимать людей уже думаю знаете.

Вставляете тег <audio> и обычную кнопку. Вечаете обработчик клика на кнопку и программно включаете/выключаете аудио.

:empty

li:nth-child(3n - 2) {
  background: blue
}

li:nth-child(3n - 1) {
  background: red
}

li:nth-child(3n) {
  background: green
}

У вас файл не в том формате

https://developer.mozilla.org/en-US/docs/Web/CSS/:is

Если по простому:


Если по сложнее: то нужно с помощью JS получать значение отступа и увеличивать его на нужную вам величину.

​<picture>
 <source srcset="mdn-logo.svg" type="image/svg+xml">
 <img src="mdn-logo.png" alt="MDN">
</picture>

Так если IE11 не распознаёт тег picture — он его проигнорирует и просто отобразит вложенный img, разве нет?

Делаете кнопку. Вешаете обработчик события onclick. В обработчике либо меняете непосредственно стили. Либо изменяете классы элементов, предварительно для этих классов прописав стили.
https://learn.javascript.ru/styles-and-classes

calc тут не нужен. Тут подходит flex-box.
Сделал для вас пример с комментариями

table > *:not(thead) > tr:hover {
  cursor: pointer;
  background-color: lightgray;
}

https://htmlacademy.ru/blog/useful/css/short-12

.container:hover .some-element { ... }