Please how do I determine the exact max-width value to give to my media query max-width or max-height attribute also how do you know what font size to give to it. For example.
Usually, a media query is used for the responsiveness of the screen. Max-width and Min- width depends on what type of mobile screen you want to display on your website(Eg : iPhone, Tab, Samsung).
Click on the dropdown to see the screen variation based on the mobile screens.
As you change your mobile screen your resolution for the screen changes and depending on that you can set your max and min-width. You can also adjust your font-size depending on this.