Most of the tutorials I'm reading on using Media Queries are demonstrating the use of min-width
, but I'm rarely seeing people using max-width
.
Is this some sort of design trend, or pattern, why people are using min-width
over max-width
?
For example, I'm designing a site starting from mobile, working up to the desktop. I am using Foundation 4, but using media queries to remove various elements on the page and re-position the source order.
One thing I am facing is a custom navigation for any device whose width is 360px or less. I want them to have a vertical navigation, rather than an inline horizontal. So my idea was to use max-width
to target these devices.
Should I be using min-width
instead if I am designing mobile first? I.e. all the default styles are for mobile, and thus using min-width
to progressively enhance the layout?