Константин Давыдов

Попробуй эту систему управления статическим сайтом.

Установите себе gulp-html-prettify и после компиляции из jade в html, прогоните ещё через него.

https://litmus.com/blog/gmail-to-support-responsiv...

Если по хорошему, то всё зависит от того, сколько у Вас будет контрольных точек.

Допустим минимальная ширина сайта равна 320px, значит начальных макет будет шириной 320px. Первая контрольная точка у нас на ширине 768px, значит второй макет будет шириной 720px, ну и путь последняя контрольная точка у нас будет 1024px, значит последний макет будет 1024px.

https://www.livecoding.tv/

Пусть присылает макеты, в той ширине, которая нужна ВАМ. А графику (иконки, картинки) высылает отдельно.

Сайт c фиксированной вёрсткой, но блок 'Просмотр демо кабинета' и футер, - responsive.

Так пойдёт? https://codepen.io/anon/pen/jVVgZj?editors=1100

Там что-то совсем беда. Но если я правильно понял, этот отступ появляться из отступов дочерних элементов блока .topbar

https://daneden.github.io/Toast/

susy.oddbird.net

Если не требуется Perfect Pixel, то например в Google Сhrome, можно включить Инструменты разработчика, там активировать Device Toolbar и изменить Zoom на 75 или 50%-ов, так чтобы сайт стал влезать в экран монитора.
С другими браузерами, думаю аналогично.

Конечно же https://htmlacademy.ru/

Проблема в transform: scale(1.3);

Если я правильно понял, то проблема появляется при небольшой ширине экрана и из-за того, что на одном слайде, контента получается меньше на одну строку и весь блок резко уменьшается по высоте.
На вскидку, можно указать фиксированную высоту для класса .testimoutials_cus или например для самих слайдов .carousel-inner>.item

https://github.com/brunjo/rowGrid.js

https://goodies.pixabay.com/jquery/flex-images/dem...