Skip to main content

Interface: MediaQueries

Responsive breakpoint definitions for layout adaptation.

MediaQueries defines the viewport size thresholds used to adapt layouts for different screen sizes and devices. These queries enable responsive design that maintains usability across the full range of device types.

Well-structured breakpoints ensure the interface remains usable and attractive on everything from mobile phones to large desktop monitors.

Indexable

[key: string]: string

CSS media query strings for different viewport sizes.

Each entry defines a named breakpoint with its corresponding CSS media query. These are used throughout the system to create consistent responsive behavior.