ramanovsky

Попробуйте так. Воторой должен 100% заработать.

// 1. Вариант
- var img_row = require(`../../../components/length-stay/#[www]`);
// 2. Вариант
- var img_row = require('../../../components/length-stay/' + www);

Там насколько помню нужно на страницу или секцию задать свойство overflow-x: hidden чтобы скорла не было, тогда картинка будет пропадать просто.

Здесь как я понимаю сетки нету у header, да и впринципе сложные header по сетке делать очень сложно. Видимо вам тут без сетки и нужно делать.

Посмотрите как на этом сайте делалось header, вам примерно такое же нужно делать.
То есть привязать к экрану девайса а не к wrapper.

ps: отдалите только экран Ctrl -
https://about.gitlab.com/

А у вас есть доступ к дизайнеру?

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

Если с интернета, делайте по центру, чтобы на глаз было красиво, иначе покажете работодателю или еще кому и это посчитают за недороботкой.

Если это рабочий макет (вам на работе аткой макет дали) тогда спросите тех кто старше у вас в команде.

Я бы сделать просто margin, padding для отсупа а картинку можно через псевоэлементы сделать, или bgi.

Попробуйте абсолютно спозиционировать.

Или покажите демо, сам попробую.

Должна быть опция pug называется `pretty` но она deprecated сейчас.

Сейчас у меня для этого исползуется отдельный плагин gulp-beautify. Что-то подобное посмотрите для Webpack.