Media Query Builder



Use the form above to build your CSS3 media query. The output will be automatically generated in bold text above; simply highlight the generated query text, copy (ctrl+c) to your clipboard and paste into your stylesheet to start using it.

To learn more about media queries and media features, read the official Media Queries W3C Recommendation Sheet.

To report any bugs in this tool or to make a suggestion, please email:

Use WordPress? Check out our latest responsive design plugin: CSS3 Responsive Backgrounds.

Back to Main Navigation