Query: How can CSS media queries be used to create responsive designs?
Context: CSS media queries allow for setting different styles, hiding or showing elements, and changing the layout based on the device's capabilities. This enables designers and developers to adapt the appearance and behavior of a website based on the screen size and other characteristics of the user's device.