How to make a website responsive?

Question

css

In general, I want to make an adaptive for the site, but the problem is that if I add a viewport, then I know what's going on with the site.
And
if there is no viewport tag, then everything is fine, the site shrinks into the viewport, but it doesn’t see media requests on the phone, in general, how can I shrink what is on the screen into the viewport? I don’t understand

Answer 1

From the screenshot, you can’t see a little what is in your code about the width of a regular site and what you wrote in the viewport and media.

Answer 2

Disassemble for yourself such a framework as Bootstrap, and work with it