How to make only from psd layout for desktop molile responsive website?

Question

Adaptive design

Hello!
Now they sent a layout, a layout for the desktop version was drawn, there is no one for the mobile one, they said do it the way you want.
There were problems in solving this problem, namely, with fonts and indents, then I will write in more detail.
FONTS - There are fonts that are fine for the mobile version and for large screens too. But the problem arises when the font is very large, for example, 65px, and then already on a small screen (320 px), it all looks not very good. The question is that how to reduce the font correctly so that the proportions are respected? I can just divide by 2 or 3, but I would like to know how this is done more correctly from experienced people.
INDITIONS - I had the same problem with indentation,what is the best way to transfer them from layouts designed for large screens to screens designed for small screens (320px for example).

Answer 1

when the font is very large, for example, 65px, and then already on a small screen (320 px), it all looks not very good

The first option is to layout not in pixels, but in REM
The second option is to make media queries where to make the font, for example 20px instead of 65
Apply the same solution with indents.
In life, small customers usually always make 1 PSD layout. price, price... layout designer always makes mob. version of your choice. Large offices, of course, can afford many designs.
Of course, rem has flaws too, here is a good article REM vs EM - Great Debate

Answer 2

Yes, no need to bother too much! Just do it on media queries so that everything is displayed correctly. As a rule, such parameters are used from RANDOM to
1170px from
1169px to 992px
from 991px to 768px
from 767 to 479px
from 478px to "usually 320px"
but these parameters can not be taken all, depending on which layout.