Допустим макет 1920х1080.
Нужно сделать адаптивным под несколько разрешений меньшего размера (пропорции экрана могут быть обратными - 320x640 например).

Как пропорционально продумать размеры отступов между секциями?
Из простейших вариантов вижу:
1) задать в пикселях, менять на media query
2) в vh или в vw, но тогда из-за других пропорций, все равно придется подбирать media query
Есть ли какой-то общий трюк, чтобы увеличить скорость верстки, или под каждое разрешение нужно подбирать вручную, чтобы смотрелось приятно чисто субъективно, не привязано к изначальному, хоть и не полному макету?