> ## Documentation Index
> Fetch the complete documentation index at: https://staging-docs.orderly.network/llms.txt
> Use this file to discover all available pages before exploring further.

# useMediaQuery

> Hook to evaluate a CSS media query and return a boolean for responsive layouts.

Evaluate a CSS media query via JavaScript.

* [Tech docs](/sdks/tech-doc/modules/orderly_network_hooks#usemediaquery)

### Example

```tsx theme={null}
const isTablet = useMediaQuery("(max-width: 768px)");

return <div>{isTablet ? "is phone or tablet" : "is desktop"}</div>;
```