What are media queries?

Media queries apply styles based on device conditions (width, orientation, etc.).

Example:

@media (max-width: 768px) {

body { background-color: lightgray; }

Key Takeaway:

Media queries enable responsive design across devices.