Svelte · Middle · Question 51 of 75

What is `MediaQuery` from `svelte/reactivity`?

const large = new MediaQuery("min-width: 800px");

✓Correct answer: A reactive wrapper whose current reflects whether a media query matches
2A CSS-in-JS helper
3A SvelteKit page option

Explanation

On the server the value can't be known, which may cause content changes on hydration; prefer CSS media queries when possible.

Further reading

Svelte: svelte/reactivity ↗

Test yourself

Take the Svelte · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.