Hello friends, pls i need someone who can give me a practical guide on how to implement @media query for about two screen resolutions: largest and smallest.
I want a situation where if one resizes his browser window to the bear less minimum, the browser will still not have a horizontal scroll. But when zoomed out to lowest percentage with ctrl minus, the font sizes and any other will take on the style of the min-width:2400px, which will make everything readable.
I tried only for the 320px, it worked fine. But when zoomed out, the text becomes unreadable. So I now used min-width:2400px to style the page by increasing the font size, margins and paddings. It looked great. But when I now zoomed in to return to the normal 100% window resolution, the font of min-width:2400px refused to change. I want the page to return to the default style set in the css.