Media Query

Definitions

1. A CSS conditional rule (`@media`) that applies styles only when the user's device or viewport matches specified criteria such as width, height, orientation, color scheme, or resolution. Media queries are the foundation of responsive web design.

   In plain English: A CSS rule that changes how a website looks based on the screen size or device, like making a layout switch from desktop to mobile.

   Example: "The sidebar collapses into a hamburger menu below 768px — it's just a media query."

Related Terms

• PWA
• iframe
• Responsive Design
• progressive web app
• Ruby
• Keyframe
• Pixel Density
• Scroll Snap
• SVG
• Templating
• Transform
• Transition
• Authentication Middleware
• Authorization Middleware