Responsive верстка

Всем привет! Мне очень редко приходилось заниматься версткой и конкретно CSS, но возникла необходимость сверстать несколько мокапов да и для себя уже хотелось бы наконец-то начать становиться более уверенным верстальщиком, тк занимаюсь веб-разработкой, но верстка пока мое слабое место. Значит, вопрос в следуещем: нужно сверстать несколько страниц и размеры отступов и шрифтов нужно брать с мокапа, но нужно, чтобы хорошо выглядело на разных разрешениях. В связи с этим возникает вопрос, как обычно поступают в таком случае? Переводят пиксели в относительные единицы vh, vw, % ? или есть какие-то другие способы.Знаю, что есть медиа квери, но для этого нужно писать дополнительный код и это увеличивает время разработки - такой вариант на данный момент не подходит. Может кто-нибудь из опытных верстальщиков или фронтенд девелоперов может пояснить, как здесь лучше поступить и как обычно делают? Если верстать в относительных единицах, то я читал, что размеры будут считаться относительно родительского блока, только не смог нагуглить относительно чего конкретно, относительно высоты родительского блока или ширины. Заранее всем спасибо за комментарии. Всем добра :)