Displaying a static site on a mobile device?

Question

HTML

Good afternoon. There is a site getsale.com.ua with a fixed layout. When viewed from a mobile phone, the site adapts to the screen size. But the problem is that there are differences on different phones. On one, everything is fine, on the other, the footer moved out, on the third, the text overlapped each other. The browser is the same everywhere - chrome. Can someone tell me how to solve this display problem? Or at least in which direction you need to dig?

Answer 1

All phones use different screen resolutions and environment variables, this introduces distortions in the design of statics that are not designed for such distortions (just try to cut your browser on your site - it's just ahtung!).
Digging towards responsiveness, like re-layout using Bootstrap

Answer 2

It is not necessary to convert to bootstrap.
Use media for different screen resolutions and make the necessary edits. You have this code at the end of your design/css/style.css file:

@media only screen and (max-width: 480px){
  footer p {
    font-size: 5px;
  }
  
}

It's like an example.

Answer 3

Don't forget to add a line
to the section, otherwise you won't be able to do as Alex wrote.