adam bien's blog

Listening to MediaQueries Events with MatchMedia 📎

With the method matchMedia you can listen to MediaQueries change events caused by device's breakpoints:


const media = matchMedia('(min-width: 600px)');
media.addEventListener("change", ({ media,matches}) => console.log(media,matches));

...in action:

See you at "Build to last" effectively progressive applications with webstandards only -- the "no frameworks, no migrations" approach, at Munich Airport, Terminal 2 or effectiveweb.training (online).