Как сверстать такие блоки?

SpiderPigAndCat, ни мой вариант, ни модифицированный на vw ваш, не противоречат вопросу. Песочницу-то откройте.

Как сверстать такие блоки?

SpiderPigAndCat, да уж час назад...

В вашем варианте размеры для псевдо нужно задавать в vw и не забывать overflow.

Как сверстать такие блоки?

SpiderPigAndCat, а если экран будет больше 800% от мелкого блока? Будете менять? На 100500%?

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

Вставляете картинку, задаете ей высоту и ширину 100% и нужный object-fit

и не обрезалась

тогда используйте contain, но будут поля

Через background еще проще.
Ставите ее фоном и задаете background-size cover или contain.

Верстка такого фона?

Jack Williams, Зачем вы советуете разные дивы-то?

a9105051396, вниз повторяющаяся картинка (лучше svg), вторым фоном градиент.
Фоны пишутся через запятую. Первый - верхний, последний - нижний.

Как загрузить и запустить сервер на хостинге?

Владимир, хостингом назван github pages

Почему изображения пропорционально не уменьшаются вместе с уменьшением экрана, например после уменьшения разрешения ширины 622px?

Для картинок max-width: 100% и убрать фикс ширину у .video-reviews-wrapper

Как сделать переход между секциями?

fullpage.js

Как сделать так чтобы объект не влиял на другие html css?

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

Как сделать таблицу для отправки данных на почту?

Воспользоваться готовым плагином, например, contact form 7 для wp.
Либо взять любое готовое решение из инета, их, наверное, даже не миллион, и добавить свои чекбоксы по аналогии.

Как локально подключить шрифты к Vue-cli?

Я хочу внести свои 5 копеек.
Для современных браузеров (включая ИЕ11) шрифты должны быть в форматах woff2 и woff. При этом более современный woff2 подключается первым.

Как верстать такую секцию что бы было отзывчивым?

Как это должно выглядеть, если текст не помещается? Например, на мобилках или просто текста много.
Как должно выглядеть если много текста только слева?
Как, если справа?

Собственно, когда вы дадите ответы на эти 3 вопроса по-русски, останется только переписать это на CSS.

И еще, это табличные данные. Поэтому, если только ответы на предыдущие вопросы не окажутся совсем уж оригинальными, верстать это нужно табличкой.

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

Во-первых,

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">

Во-вторых, вьюпорт телефона отличается от вьюпорта декстопа не ориентацией, а размером. Ведь можно и браузер сжать и экран повернуть.
В-третьих, обычно разумнее писать @media в самом css, а не подключать разные версии файлов.

Почему input тип range не работает в Edge?

Показывайте код, потому что <input type="range"> работает

Как закоментировать код html, точнее пути через @@include, внутри которого уже есть комментарии, которые нужны?

Зачем писать комментарии, которые не добавляют никакой новой информации?
Вы подключаете файл blogs-wrapper, зачем писать рядом "я подключаю файл blogs-wrapper"?

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

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

Сейчас актуальный способ - флексами.

Если быть точнее, то интересует то, как можно с помощью css передвигать объекты.

Смотря куда, зачем и что должны об этом знать другие элементы.
Представьте: три блока в ряд. Если вы увеличите ширину первого, то два других подвинутся.
Даже font-size может подвинуть другие элементы.

И куча вариантов как подвинуть сам элемент.

Так что ответ на ваш вопрос: это весь учебник по верстке и нет смысла его сюда перепечатывать.

Почему обертка для круга .play-circle-wrapper-one с position: absolute; не находится внутри обертки .user-video-one-wrapper?

Так, а где у вас в коде правила для "нижнего левого угла" (bottom? left?)?
https://jsfiddle.net/7vb9apg0/

И зачем для треугольничка в круге 3 обертки, достаточно одной и псевдоэлемента.

Верстка и программирование?

Вячеслав Коростин, увольняться не конструктивно ))) Сделаете выводы и норм.

Верстка и программирование?

Много страниц и нет уникального шаблона - почему css стили для каждой страници индивидульный - слайдер на главной есть а на других его нет ?

Довольно редко встречаются сайты со сквозными слайдерами. Да и зачем. Это нормально, что он есть на главной и нет на внутренних. Да и вообще что главная отличается от всех остальных. И это проблемы того кто писал ТЗ или дизайнера.

То, что стили разбиты на несколько и не собраны в один непосредственно верстальщиком - ну плохо, но нет проблемы собрать их в один. Это умеют делать и gulp и webpack и подозреваю, одноразовые онлайн инструменты. В конце концов их можно собрать и руками. Это точно не повод для истерики.
Даже если они по какой-то причине должны быть разными (для обычного сайта не должно бы, но мало ли), то почему для программиста является проблемой написать вывод с условием?

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

Возможно, имеет смысл проверить и работу программиста. То, что его смущает история со слайдером наводит на определенные мысли.

Это всё актуально, если вы верно поняли и изложили суть проблемы.

Что делать если не везде выделяется текст в html?

Вы выложили не очень адекватный кусок кода.
Сделайте работающий пример в котором видно проблему на jsfiddle.net