I know that in order to make the website “truly” responsive, you need to include media queries in your html file.
I have seen some youtube toturial about it, and obviously you need to set a
max-width, if the screen width is below your max width, you will create a different set of rules when it comes to the styling of the website.
However , the question I wanna ask is this: I have seen people using google chrome’s dev tool to see the exact length of their website. But I am using a 1440p monitor. They are using a 1080p monitor… One third of their screen width is like 500px, on the screen I am using right now, 1/3 of my screen is about 900 px. Then I am confused… How am I gonna determine the
max-width I wanna use in media query???