How does a @media Query works
If a website is created beautifully and is perfect by every inch in you PC, but it becomes very creepy if you minimize your window or if you are using Mobile.
To fix this problem @media is used in CSS.
The Syntax of @media is as given:
Just after @media screen the condition is written. Mostly, the condition consists of
Blockquote max-width, max-height, min-width and min-height properties.