How to make a mobile version of the site?

Question

PHP

Guys, let's say I'm making a mobile version of the site and I need everything to be 540px in size ... How can I come to this? I do everything with the help of media ..... I do so that the css file is connected with a maximum width of 540px, but what should I do next to make the site smaller?

Answer 1

In your .css file you write the line:
and below you write the styles of the elements that you want to be changed in the mobile version.
h1, h2, p, divs. ets.
On page load - if the window is larger than 540px - the styles described before your media query apply. As soon as the window is reduced to 540 and below, the styles that you specified in the media query begin to take effect.