Behind the Framework

Media Queries Syntax Range

This new syntax allows for greater accuracy. The min- and max- queries are inclusive of the specified values. The new syntax lets you be more explicit about what you mean and avoid the potential of clashing queries. For example min-width 300px tests for a width of 300px or greater.