Safari z-index?

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

Как сделать форму обратной связи в email рассылке?

Если я все правильно поняла из того, что Вы написала - это дикость какая-то.
Во-первых, есть кнопка Ответить.
Во-вторых, если надо чтобы человек пошел заполнять какую-то длинную анкету, то можно дать ссылку на гугло-формы или на форму на сайте.

Почему нужно повторять стили и в body и в html?

alexandrnevajno1:
1. Кроме overflow, есть еще overflow-x и overflow-y
2. Может, перейти на ширину в процентах? Или научится использовать media условия?

Как изменить прозрачность background-image?

Картинка отдельно, текст отдельно. Наложить друг на друга.

Отображение шрифтов в Разных браузерах?

Макс Жуков: Для разных браузеров нужны шрифты в разных форматах. Для современных в форматах woff и woff2.
Прогоните свои ttf и otf через https://web-font-generator.com/ получите полные наборы веб-шрифтов.

Отображение шрифтов в Разных браузерах?

Да знали бы как Вы их подключаете, может и подсказали бы

Как выбрать фриланс-биржу для иллюстратора?

Если друг не в состоянии сам задать вопрос от первого лица, то на биржи ему рано.

А по делу: биржа не жена, можно регистрироваться на скольки угодно.

Есть ли способы работать на 2-3 биржах, при этом не распыляясь?

Как только начнет "распыляться" - сам поймет, что нужно оставить ))

Верстка из pdf - правильно ли?

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

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

Как сделать якорь по классу?

JaredWinter: Правильнее сказать не используйте id для стилизации.

Андрей Классы для стилизации, id для js (классы тоже можно, удобно с пометками js-myclass) и навигации.

В чем причина разных выдач результата GooglePageSpeed?

Так Вы сравните параметры которые нужно улучшить для мобильной и для десктопной версии - все поймете

Как оформить стиль для рандомных блоков страниц?

Какая разница во что обернуты 2 блока, которые надо трансформировать, в <a> или в <span>? Во что обернуты, тому и задаете желаемые свойства.

Для размещения по вертикали, задайте для span display:block.
Ну или используйте flex для обоих вариантов размещения.

Как красиво зафиксировать мобильное меню?

Если я правильно понимаю, что вы имели в виду, добавьте в слово "Balance" буквы тира "p" или "g" и увидите, что никакого отступа и нет.
Хотите сдвинуть ниже, увеличивайте top или margin-top.
Можно еще подключить line-height для ссылки.

Как практиковаться в HTML и CSS?

ElectroEvolution:
1. Прочитайте про БЭМ. Есть и альтернативные методологии. Можете придумать свою собственную на основе всех остальных и ваших предпочтений.
Называйте классы понятными английскими словами.
2. Используйте правильное ПО с подстветкой, форматированием кода аккуратными ступеньками и переходом по клику на название класса в HTML к нужному месту в CSS.
3. Используйте инструменты разработчика в браузере.
4. Не используйте id для стилизации.
5. Потратьте больше времени на обдумывание структуры верстки. Где какие большие блоки, как они делятся на маленькие. Какие семантические тги подходят для каждого из блоков.

Почему не работает @Media Queries?

Pholish:

ток где 3 класа , у какого селектора?

Какие 3, там даже по 8 есть.

Почему не работает @Media Queries?

Зачем вы перебиваете одни и теже свойства по 100 раз.

К примеру вот это не меняется и остается неизменным на любой ширине.

.wrapper footer .footer-wrapper .footer-block form .form-field .form-name {
    width: 100%;
    line-height: 45px;
    padding-left: 20px;
  }

Вы же это повторяете 12 раз. Зачем?? Чтобы браузер развлекся?

И !important уберите.

Теория такая:
Выбираете направление, mobile-first или в обратную сторону. Тут кто как любит.
Пишете основные стили и потом пишете в media условия только либо максимальную либо минимальную ширину, в зависимости от предыдущего выбора. И указываете только изменяющиеся свойства.

Почему не работает @Media Queries?

Ой
Селекторы из 8(!!!) вложенностей?

.wrapper footer .footer-wrapper .footer-block form .form-field .form-field-email

.wrapper footer .footer-wrapper .footer-block .social li a .fa

Вам бы пересмотреть взгляд на верстку.

Почему перечеркнуты: открываете DevTools в браузере, выделаете нужный элемент и смотрите кто виноват.

Как вы относитесь к использованию viewport'ов в качестве основной единицы измерения?

сайт выглядит одинаково

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

А так, как обычно, все зависит от макета и цели, которую нужно достичь.
Стандартным сайтам в стандартных блоках шрифты в vw не нужны. Для каких-то рекламных блоков - возможно.

Где найти задания для практики HTML?

HTML в отрыве от CSS практически не имеет смысла.
Какие задачи? Закрывать парные теги в правильном порядке? Так это в детском саду учат матрешку складывать.

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

campus1:

Если добавлю к active !important всё найс, но будет ли это хорошой вёрсткой?

нет, это будет отвратительной версткой

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

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

campus1 а вообще логика скрипта очень странная.
Зачем без клика, сразу при загрузке задавать inline-block, при этом в стилях display:none?
Посмотрите на стандартные реализации аккордеона, там все очень просто.