# 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-queryquery="(min-width: 600px)"query-matches="{{queryMatches}}"></iron-media-query>```