Как правильно верстать адаптивно?
Чтобы верстать адаптивно - в первую очередь надо верстать адаптивно.
Размеры все должны быть по максимуму относительными. 
Флексы, гриды, проценты, vh, vw, em.
Медиа-запросы же нужно использовать только тогда, когда нужно поменять структуру кардинально, а не для подгонки пикселей.
Получается ты верстаешь чуть ли не под каждую модель телефона и монитора. Зачем?
верстка делается под варианты: смартфоны, планшеты, мониторы, fullscreen. Делаешь контейнер, который будет иметь одинаковые размеры, например если у тебя экран 1000 или 1200, сам контейнер всегда 960 (просто грубый пример) а по краям отступы, т.е. берется размеры "от и до" и делается контейнер по минимальному размеру данного диапазона