Юпитер Макс

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

Сделай кнопки ссылками, дальше разработчик сам все сделает.

Ну это как бы негласные правила, чтобы другому верстаку было понятно )) wrapper - это значит обёртка. *-inner это значит внутренний основной блок, в котором уже будет лежать все остальное. Как правило он имеет фикс ширину. container - это тоже свого рода обёртка, это название пошло от bootstrap наверное ))

Сами себе проблему создаете! Пока вы ищете священный грааль, чей-то стилевой файл на 200кб больше, приносит радость и деньги!

где вам только удается брать такие проекты и потом не знать, как их собирать? ))) Конечно, все плюсики и текст позиционируйте с абсолютной позицией и все. Ну вернее одну обертку для плюсика и текста, вот ее и позиционируйте.

svg друг мой, svg :)

Спросите у него. что он имел ввиду. Оптимизированные можно понять как изменение размера под мониторы (адаптивность), а можно понять как уменьшение размера в кб. Мои заказчики часто так выражаются.

а если нужен, то как вы думаете, зачем?

advantages__item делаете padding-left; на нужную ширину и position:relative;

span с иконками делайте position:absolute; и выравнивайте как вам нужно

для элементов display:inline-block; для обертки элементов text-align:center;

тыц

Откройте консоль F12, и поймете в чем проблема!

Скинули бы ссылку на codepen, так проще бы было разобраться

а фиксировать-то его где надо?

у синего блока смотрите в стилях, наверняка указана ширина. Если она указана, блок не растянется

проверяйте ширину экрана, если он меньше десктопного, не загружайте видео

if($(window).width()<768){
// тут код
}