Как в начале верстки продумать адаптивность отступов между основными секциями лендинга?

Question

[origami1024]

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



Как пропорционально продумать размеры отступов между секциями?

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

Есть ли какой-то общий трюк, чтобы увеличить скорость верстки, или под каждое разрешение нужно подбирать вручную, чтобы смотрелось приятно чисто субъективно, не привязано к изначальному, хоть и не полному макету?

Comments

[Rustam Bainazarov]

Ясное дело, что на мобильных нужно делать иные отступы в соответствии с перестановкой и габаритами блоков. Это вопрос дизайна и ни коим образом не верстки. А что именно и как вы будете использовать для единиц отступов, чтобы добиться нужного вам внешнего вида — это уже на ваше усмотрение.

[origami1024]

Рустам Байназаров, да, ты прав, просто вопрос возник при верстке, изменил тэги