# iron-media-query `iron-media-query` can be used to data bind to a CSS media query. The `query` property is a bare CSS media query. The `query-matches` property is a boolean representing if the page matches that media query. Example: ```html <iron-media-query query="(min-width: 600px)" query-matches="{{queryMatches}}"></iron-media-query> ```