lavezzi1

1. .menu > ul - уберите дефолтный padding. padding: 0;
2. .footer { text-align: center } и каждому ребенку display: inline;

У вас пример кода перед глазами! Открой devtools в браузере и проинспектируйте. Вы же не с картинки верстаете.

Вы издеваетесь? У вас background: #242424; указан же!

Запоминаете изначальную ширину окна в переменную initialWidth, в перенную currentWidth сохраняете текущую ширину окна, то есть при изменении она всегда будет изменятся. И наконец вычитаете из currentWidth - initialWidth получаете значение на сколько изменилось окно браузера и применяте полученные данные на блок.

P.S а вообще, скорее всего ваша задача решается через css. Нужно больше деталей.

Подпишись на событие mouseover на nav: https://jsfiddle.net/wxvd4Lg6/

потому что

.logo{
  float: left;
}

https://masonry.desandro.com/

Плагинами которые реализуют Parallax эффект. Погуглите, их сотни.

Отправить макет на перерисовку под нормальный размер.

https://codepen.io/ChrisPerko/pen/lkpmt?page=2

https://codepen.io/pens/

position: fixed;

Поместить третью колонку с услугами под контент. И сказать дизайнеру что он криворукий.

Выкиньте bs4 и напишите свое решение.

Делай в svg.

Полагаю она прыгает после того как полностью загружается скрипт. То есть становится во всю высоту благодаря скрипту.

1. Минифицировать скрипт.
2. Поставить скрипт на on.load.
3. Сделать на css.

html, body {
height: 100%;
}

.block {
height: 100%;
}