Почему в normalize.css выдает две ошибки?

Если навести мышку на ошибку, то редактор охотно расскажет в чем дело.

А дело в том, что свойству apperance уже довольно давно не нужны префиксы.
И ещё, хочу предложить вообще прочитать что написано в normalize и выкинуть оттуда то, что устарело уже очень давно. Файл станет заметно меньше.

Как изменить свойство у одного элемента, если они все как один класс?

1. Есть :not(:last-child) или :not(:first-child)
2. Есть gap во флексах и гридах

p.s. зачем вы бордер нарисовали псевдиком? Да еще и абсолютом?

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

У этих элементов нет отступов по умолчанию, в показанных стилях тоже их нет => поддерживаю комментарий выше - это особенности шрифта

Можно ли опустить % после 0 в CSS?

Более того и 0px и 0vh и все остальные нули дадут тот же результат - ноль. Поэтому, у нулей не принято писать единицы измерения.

Может кто-то знает как сделать такой слайдер?

GeKskill, а если активный не первый в разметке? ;)

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

Дарья, как удобнее.
Мне кажется, что вряд ли вам будет удобно верстать, если видео и слоган будут не в хедере.

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

Дарья, Что обычно бывает или может быть в хедере: лого, слоган, основное меню, пользовательское меню (вход, корзина, поиск, типа того).
Вы видите на скрине подобное?
Ну вот оно и может быть выделено в header.

Как зафиксировать элементы на экране с правой части?

1. Флексами (flex-direction или justify-content или margin-left: auto или....).
2. Абсолютами.

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

Как сделать так, что бы лого и кнопки были на одной строке?

MasterGod, если ещё немножко поформатировать и исправить грамматические ошибки и опечатки будет огонь.

А то сейчас, вы говорите, что второй способ это инлайн (лучше бы инлайн блоки). И прикрепляете ссылку, внезапно, на гриды.
Какое отношение имеют гриды к инлайнам не ясно.

Хорошо бы добавить, что и флоаты и инлайнблоки это устаревшие способы. А актуальные - флексы и гриды.

Но автор вопроса вообще не считает нужным участвовать в обсуждении и уточнять, что именно не выходит.

Как можно быстро подключить шрифты в css?

Андрей, ответ выше: используйте миксины

Как можно быстро подключить шрифты в css?

Поясните, пожалуйста, куда "туда-сюда вы их вручную"?
Один раз закинули в папку, написали правила @font-face.

Для препроцессоров можно написать миксин (или нагуглить готовый и отредактировать под современные реалии).

Как сделать так, что бы лого и кнопки были на одной строке?

У блочного элемента вставь поведение строчного. У одного элемента ставишь float с одной стороны, у другого с противоположной.

Что?
Вы когда-нибудь пробовали флоатам задавать display inline? Или дочерним элементам флекса или грида?

Ну кроме того, что не стоит рекомендовать использовать флоат для того, для чего он не предназначен.
Писать про обтекание применительно к флексам и гридам тоже...
У новичков каша в голове сама образуется, не добавляйте им своей.

Как сделать так, что бы лого и кнопки были на одной строке?

Флексы, гриды, инлайн-блоки и даже флоаты с таблицами...
В современном мире разумнее отдать предпочтение первым двум.
Что вы уже пробовали? Что не получилось?

Flexbox использовать как контейнер?

Если не нужны совсем динозавры, то во флексах уже прилично работает gap. И нет нужды в костылях с отрицательными margin.

Flexbox использовать как контейнер?

Опишите, пожалуйста, разницу между флексбоксом и флексконтейнером?

Если вы имели в виду, может ли флекс элемент и сам иметь display: flex, то да, конечно. Что именно у вас не получилось?

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников, ещё раз: если число колонок неизвестно, то грид не поможет (без js и media)

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников, если колонок будет точно 3 и элементов тоже 3, то не ясно в чем вообще вопрос.

Если колонок фиксированное количество, а элементов неизвестно сколько и нужно навести порядок в последнем ряду, то поможет nth-, :not и вся та история из статьи.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников, с известным количеством колонок я бы использовала прием как в статье.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников,

но не понял как она может помочь в данном случае

В данном случае, при наличии auto-fill, никак.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Без auto-fill можно и без media. С помощью вот этой чудесной статьи https://css-live.ru/articles/resheno-s-pomoshhyu-c...

Но я не уверена, что дизайнеру понравится решение с растянутой строкой (но это уже не о гридах)