Media query in css

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.

@media (max-width:???px) {h2{ font-size:???px; } }

Your answers will be very much appreciated. Thanks

Hi @Princewill ,

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.

I hope it hepls

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.