How to make a design on 3 different devices?

Question

Design

Good afternoon. Please tell me how to make a design on 3 different devices (mobile 800, tablet 1024, desktop 1280)?
I made a website in Photoshop 1024, the client liked it and asks for a mobile and more permission.
When creating, I used a grid 940 (12st. 60/20).
We need not adaptive, but simply in 3 versions.
Interested in subtleties, is it necessary to increase (decrease) fonts, pictures, blocks ... or just add (remove) columns from the grid and distribute content under the existing ones?
Help out. Tell me where you can see, read. I will be very, very grateful. ps I read some articles on Habré, watched vidos ... but mostly they give examples with adaptive design ... are there any differences?

Answer 1

In my opinion, the problem is contrived. Drawing for different resolutions is the following:
1) we take a certain amount of content
2) we try to cram this content into three different resolutions beautifully and in the same style
How exactly to do this depends on you, the designer. You can just do it lazily - scale it proportionally. You can juggle the interface, move its elements. You can change the interface (on the desktop we see navigation - on the mobile phone we see a hamburger).

Answer 2

IMHO adaptive and faster and more practical. It makes no sense to cut separately for each sneeze.

Answer 3

To adapt, use Css media queries for the required permissions. For 1280 - stretch, for 800 narrow. The fonts don't have to be touched, just the block widths. If the layout is adequate, then everything will stretch and shrink normally by itself.
ruseller.com/lessons.php?rub=28&id=1869
Just see what others have done. Further, I think it is clear how to do it.