Как делать вертикальное расстояние между заголовками и абзацами точнее (из PSD)?

Question

[Август Милович]

Здраствуйте! Только начинаю верстать макеты, и меня интересует такой вопрос, как вы верстаете текст, заголовки и абзац. Например вот такой:
Меня больше интересует высота всей этой конструкции, просто в макете одно расстояние, а из-за lineheight совсем другое, но хочется сделать резиновый сайт. Придется делать много медиа-запросов, и подбирать line-height, чтобы сходилось в пропорции с макетом, или можно все это как то по другому решить? Заранее спасибо)

Comments

[Lord_Dantes]

В псд отмеряется все от начала буквы с высоты и до начала следующего рядка line-height или почитайте как в псд измерять его. Вообще как по мне дизайнеры рисуют в invision, там то что нужно

Answer 1

[Валентин]

Причем тут медиа запросы

.text {
    font: normal normal 13px Open Sans;
    line-height: 1.7;
}

Comments

[Август Милович]

На телефоне придется уменьшить размер шрифта например

[Валентин]

Август Милович, ну так уменьшай, а line-height пусть так и остается

[Август Милович]

Валентин, ну хорошо, а как мне в соответсвии с макетом сделать, чтоб размер совпал

[zoozag]

Август Милович, Можно же стили текста копирнуть из макета.