tyzberd

сколько у вас прописанно в meta viewport? так думаю, что у вас там фикс значение. При уменьшении окна браузера это значение не учитывается. Вам нужно перебыть размеры для container, сделать его фиксированным.

я использую
zeplin, WebStorm.
git через VCS WebStorm, очень удобно.

из плагинов
browser-sync,
gulp-nunjucks-render,
gulp.spritesmith
gulp-sass,
gulp-sourcemaps,
gulp-css-urlencode-inline-svgs
gulp-autoprefixer

иконки почти все спрайтами в отдельном файле

<svg viewBox="0 0 100 100" class="icon shape-codepen">
  <use xlink:href="/images/svg-defs.svg#shape-codepen"></use>
</svg>

https://css-tricks.com/svg-sprites-use-better-icon...

еще недавно использовал Inkscape, что бы отредактировать svg с добавленными классами, illustrator почему то вырезает классы

svg + медиазапросы

это div

.screen-reader-text {
    position: absolute!important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
}

можно поменять на такой https://make.wordpress.org/accessibility/handbook/...

Не приятный посредник попался, я бы после сообщения в 15:30 уже думал как закончить этот разговор.
Сейчас работаю с одним дизайнером, я уже забыл когда картинкой иконку добавлял.
А на фрилансе так постоянно иконки растровые, приложенных файлов никогда не было, приходилось или просить что нужно, или искать самому.

fixed в моб очень плохо поддерживается https://caniuse.com/#feat=background-attachment
может из за этого

почитайте про поток документа
https://webref.ru/course/positioning/flow
float и clearfix https://webcareer.ru/clearfix-na-css.html

так. https://jsfiddle.net/a5uzwo9n/9/
а вообще что странное вы делаете. Если сайт будет адаптивный, тогда вам нужно width: 100%; max-width: 1130px;
если не адаптивный тогда или общий контейнер с шириной, или несколько.

у вас зеленый блок всегда 200px, даже когда в codepen вы видите 100px у блока 200
делайте как то в процентах.

как вы прижимает? прижимал блок внутри модального окна bootstrap добавив

position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

вроде норм работало

сделайте минимальную ширину для страницы https://jsfiddle.net/h1gznpqa/19/

в webstorm это ctrl + w несколько раз нажать