IMG не подстраивается под ширину окна браузера?

BenderIsGreat34, сделал вам песочницу со своим кодом, изучайте, пожалуйста:


Адаптивность блоков сетки тоже есть.

IMG не подстраивается под ширину окна браузера?

Вот добавили вы код, уже хорошо, но зачем там вообще жёсткие 360px? Тем более, что у вас адаптивность.

IMG не подстраивается под ширину окна браузера?

Где нормальный код? Ширина картинок зависит не от HTML, а от CSS.

Классика сброса для img:

img {
   max-width: 100%;
   height: auto;
   vertical-align: middle;
}

Как выбрать имя БЭМ класса для блоков, имеющих разный смысл, но выглядящих одинаково?

Muvka, ну вот и отлично, так и поступайте.

Как выбрать имя БЭМ класса для блоков, имеющих разный смысл, но выглядящих одинаково?

.partners и .reviews.

Можно вообще, да, создать универсальный класс.

Как сделать такую таблицу чемпионата?

Ну и скопируйте код с того сайта, где это уже реализовано.

Позиционирование элементов css?

Да.

Не воспроизводится видеофон в Opera и Safari?

KotovDenis, без кода — бед понятия, что у вас.

Стоит ли производить склейку и минификацию css на большом проекте?

lolrofl01, не надо клеить вам ничего, всё нормально.

Как создать параллакс эффект?

Поверьте, вам придется очень непросто. Без JS это сделать невозможно.

Почему не работает медиа запрос?

Ivan_KL, полный CSS-код в студию. Гадание -- это не подход.

Почему не работает медиа запрос?

Стили медиазапросов должны идти строго после основных. Проверьте порядок.

Почему не работает медиа запрос?

Это препроцессор.

Где брать уникальные иконочные шриты с макета?

JohnDoe116, Figma, Sketch и подобные для создания макетов. Framer X, Protopie и подобные для прототипов.

Photoshop — только для растровых иллюстраций и обработки растровой графики.

Где брать уникальные иконочные шриты с макета?

Иконочный шрифт из PNG не делают. Исходники иконок должны быть в SVG.

Макеты в PSD — прошлый век. Иконочный шрифт, если он используется дизайнером, должен быть приложен им в файле. Или же дизайнер должен не PNG, а SVG вставлять в макет сразу. А желательно — чтобы дизайнер заранее подготовил папку с этими иконками.

Либо — да, искать шрифт вам, техническому исполнителю.

Как сделать обтекание картинок с нестандартным позиционированием?

toohappy, position: absolute не учитывается в потоке верстки.

Адаптив или отзывчивость?

BenderIsGreat34, резиновость и адаптивность не заменяют друг друга, а дополняют.

Пример: две колонки по 50% ширины каждая на телефонах превращаются в два блока друг по другом с шириной 100% каждый. Тут вам и резиновость (относительные единицы) и адаптивность (изменение стилей в зависимости от разрешения).

Не воспроизводится видеофон в Opera и Safari?

Почему на iphone автоматический не начинается играть видео?

Как сделать размытие картинки только там где форма?

backdrop-filter: blur (10px).

Но будет работать только в Safari.

Всё остальные варианты — хаки по типу тех, что написали авторы.

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

storm_r1der, часть кода чего? Backend? Если про frontend -- не понимаю, зачем там они. Более того, для исполнения C++ в браузере его нужно преобразовать в JS (не знаю, как этот процесс называется), ибо в браузере нативно только JS.

Для анимаций там GSAP используется.