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

Александр Дио, у вас там полно исправляемых ошибок.
Атрибуты можете поменять на data-атрибуты.

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

Вместо ссылки на сайт, у вас ссылка на валидатор, да и та кривая.

Как можно добавить их в исключения в валидаторе

Никак. Разметка либо соответствует спецификации либо нет. Вряд ли можно смягчить спецификацию специально для вашего сайта ;) :)

Как расширить эллемент с position absolute шире чем родитель с relative. Нужно расширять по мере размера контента. Вопрос?

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

Осталось узнать, зачем вы задали фикс ширину в 150px, если она вам не нужна.

Сотрете - всё заработает.
Только аккуратно, чтобы за край окна не вылезло ;)

Почему "плющит" крайне правый блок с телефонными номерами"?

Вариантов несколько, например:
1. Добавить flex-shrink: 0 для header__telephons (Если что, telephones или просто phones)
2. Запретить перенос у телефонных номеров white-space: nowrap

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

.grid { direction : rtl; }
.grid-item { direction : ltr; }

Картинки не пропорциональны, когда запускаю проект на Windows. Как сделать так чтобы картинки отображались нормально?

Leo Sobolev, карточка 18rem, картинка 500х500. Знать бы чему у вас при этом равен rem...

Но в любом случае, это не все стили, влияющие на карточку и картинку.
Поэтому, оформите песочницу с видимой проблемой на codepen.io
Будет готово, позовите

Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

Alexander3928, вы мастер формулировки вопросов ))
Кстати, гуглится за полминуты.

Например, так https://codepen.io/AnnaSummer/pen/oNEoeqY

Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

Такая же как и при первой загрузке?

Но может у вас всё таки обратная цель: поставить/снять галку используя инфу из LocalStorage.

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

Инструмент с пунктирами поставить фоном.
Иконки псевдоэлементами.
Сами блоки абсолютами или гридами.
Позиционирование считать от центра по принципу left calc(50% - сколько-то там), с правыми аналогично right.

Тут баловалась https://codepen.io/AnnaSummer/pen/QWQOvzy

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

Это либо просто фон либо фон псевдоэлемента.
Вы можете поставить его на место с помощью position, transform, background-position и calc.
Например, по схеме: left calc(50% - половина-ширины-контейнера) и трансформ на 30% самого псевдо.

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

Можно ли обойтись без загрузки другой картинки по темнее?

Зачем она вам вообще?

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

Ограничить высоту слайдера.
Сделать слайд гридом.
Для фото оставить 1fr, т.е. сколько останется.
Для фото задать object-fit.

Либо уточнить как оно всё должно себя вести по-вашему.

Как исправить изчезнавение кнопки?

Для изменения вида кнопки скрипт не нужен вообще.
Вместо всего вашего скрипта:

.btn:hover {
  background: #3b3b3b;
}

.dropdown-content:hover .sub-dropdown {
  display: block;
}

Позиционирование поправьте.

Только не забудьте учесть, что на мобилке ховера нет, есть клик.

Если решите обрабатывать клик на JS, то заметно удобнее манипулировать классами, чем напрямую стилями из CSS.

Почему не работают стрелки слайдера?

Артем Рассадин, видимо, не хватает модулей для навигации.

import Swiper from "swiper";
import { Navigation } from 'swiper';

new Swiper(".swiper", {
  slidesPerView: 1,
  modules: [ Navigation ],
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  },
   // If we need pagination
   pagination: {
    el: '.swiper-pagination',
  },
});

Почему не работают стрелки слайдера?

new Swiper(".mySwiper",
и где же блок mySwiper?

Как работает flex-grow?

fleshik, наличие текста в блоке изменяет свободное пространство в родителе. Соответственно, изменяется "прибавка" к блокам.
Что у вас в песочнице не смотрела, впн включать лень.

Представьте, что есть блок 500px. У него два пустых дочерних и у каждого flex-grow по 1. Блоки будут по 250px.
Если в один из них добавить слово занимающее 100px, то свободного пространства в родителе останется на 400px. Разделим его пропорционально заданным flex-grow, раз они по 1, то просто пополам.
Итого, первый блок (который с текстом) окажется 300px, второй 200.

В чем смысл БЭМ блока, если нужны служебные блоки?

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

В чем смысл БЭМ блока, если нужны служебные блоки?

htmlclassic, если не задаете и никогда не будете, то можно не писать.

Почему не отображаются стрелки в slider swiper?

У них высота нулевая.
Вы им хоть какие-то стили задайте, они и появятся.

Как изменять value в поле input динамически?

Валентин Попов, да и ладно. Это из разряда шашечки или ехать. В value нормальное актуально значение.

Если вам прямо зачем-то нужно чтобы менялось в атрибуте, то используйте setAttribute.