@media rules (screen, orientation, min-width, etc.) as a string argument to the method, which returns a
MediaQueryList object with two properties and two methods.
matches: a boolean which is
trueif the media query is satisfied or
falseotherwise. This is the basic usage and more intuitive property that you will be using in most cases, and is very similar to how we write CSS media queries.
media: the media query itself.
addEventListener(): adds a callback which is called when the media query changes its state.
removeEventListener(): removes the specified callback previously defined in the