What is the syntax for setting a breakpoint using a media query?

Difficulty: 3/10

media queries, breakpoints, responsive design

Syntax for Setting a Breakpoint in CSS

In CSS, breakpoints are created using media queries. A media query checks the width (or other features) of the viewport and applies specific CSS rules when conditions are met. The most common breakpoints use the min-width or max-width properties.

Common Syntax Patterns

1
Use @media (max-width: value) to apply styles for smaller screens.
2
Use @media (min-width: value) to apply styles for larger screens.
3
Combine multiple conditions using logical operators such as and.

Example: CSS Media Query Syntax

Scenario Questions

0-2 years experience

Follow-up Questions