How to use "@media" rule in css, and what are the use of it, and it features.explain

Answer 1

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Answer 2

media queries are commonly used to make a website more responsive. You can change the CSS of elements depending on screen size.

For example, if the user is viewing the website on a phone you can remove any outer margin, size down icons, etc.

Answer 3

Well...I normally use them to make a responsive website. Still.. I'm sure it has more properties.