What are media queries?
Media query is a CSS technique introduced in CSS3. It uses the @ media rule to include a block of CSS properties only if a certain condition is true.
It allows content rendering to adapt to different conditions such as screen resolution. It became a W3C recommended standard in June 2012 and is a cornerstone technology of responsive web design.