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

В responsive вёрстке это нормальная практика, когда много media-запросов. Причём у разных элементов, они могут быть свои.
А вот у adaptive, там в основном только самые популярные breakpoints учитываются, типа как у bootstrap.

https://codepen.io/anon/pen/QadVEV

Только учтите, что в разных браузерах, ширина полосы прокрутки, может немного отличаться.

Блок .botmenu

Через верхний и нижний индекс.

Toast Grid

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

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

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/