How to make all page elements mobile friendly with or without bootstrap?

Question

css

Hello, for the first time I meet such a problem that on the phone the site elements are all small due to the screen resolution, I thought to use media on the bootstrap cantainer

@media (max-device-width: 480px) {
  .container {
    transform: scale(1.2);
  }
}

But it doesn't work out right, maybe there is some class for mobile devices from bootstrap?