How do you use media queries in CSS?
I'm learning about responsive design and want to understand how to use media queries in CSS. How do they work, and what’s the proper syntax for applying different styles based on screen size or device type? Any examples or best practices for implementing media queries effectively would be really helpful