What are the layout programs?

Question

Design

Hello! I ordered a PSD page layout with an adaptive and a mobile version from a freelancer, I'm interested in the following. question:
at the moment, my site is not optimized in any way, after receiving the desired layouts, I would like to start laying out two versions at once (PC, mobile), I will make a mobile phone on the m.site.ru subdomain, but I don’t know where to start. I want to combine viewport and media queries, but again, I have no experience. Is there any program for mobile layout with media queries right away? Or how should I do it.

Answer 1

There are several options for approaching the layout of different versions of the site. In my opinion, if the site is being developed from scratch, then the Mobile first approach will be the most correct. The point is that you initially make a site for mobile devices, and after that, using media expressions, add functionality to the page for PCs and large screens.
Here is a good article on this topic:
https://m.habr.com/ru/post/269419/
Ps. I don't really understand what you mean by "program for layout". You can type both in notepad and in ide (integrated development environment), but both there and there you need at least the basic concepts of html markup and css styling, in this case the latter (ide) simply allows you to simplify and speed up development and testing itself, but write in any case, you will have to handle it.

Answer 2

The question is not very clear. The design is ordered, but who will do the layout itself?
To the subdomain m. - it is usually used for a more lightweight layout in order to reduce the load on servers and a mobile device / Internet.