How web pages can be made responsive using media queries? Illustrate with an example.

A media query is a CSS technique that applies styles only when certain conditions (such as screen width, device type, or orientation) are met. It allows a single web page to adapt its layout and appearance for different screen sizes (desktops, tablets, mobiles), making the page responsive. --- Me...